我正在調整這個餅圖代碼 - 并嘗試為該部分設置動畫，使其在懸停時像一塊蛋糕一樣突出。不確定為什么鼠標懸停/離開事件的范圍不起作用。我試過調整半徑，但好像沒有正確獲取弧形對象http://jsfiddle.net/xejmwnob/var color = d3.scale.category20c();var data = [{"label":"Category A", "value":20},                   {"label":"Category B", "value":50},                   {"label":"Category C", "value":30},           {"label":"Category A", "value":20},                   {"label":"Category B", "value":50},                   {"label":"Category C", "value":30},           {"label":"Category A", "value":20},                   {"label":"Category B", "value":50},                   {"label":"Category C", "value":5}];var $this = '#chart';        d3.select($this)            .selectAll('svg')            .remove();                const width = 300,            height = 300,            radius = 120,            innerradius = 0;                var arc = d3            .arc()            .outerRadius(radius)            .innerRadius(innerradius);        data.forEach(function(d) {            d.total = +d.value;        });        var pie = d3            .pie()            .sort(null)            .value(function(d) {                return d.total;            });        var svg = d3            .select($this)            .append('svg')            .attr('width', width)            .attr('height', height)            .append('g')            .attr('class', 'piechart')            .attr('transform', 'translate(' + width / 2 + ',' + height / 2 + ')');        var segments = svg.append('g').attr('class', 'segments');        var slices = segments            .selectAll('.arc')            .data(pie(data))            .enter()            .append('g')            .attr('class', 'arc');