用d3.js点击爆炸饼图

Question

有人可以指示我使用任何资源来制作爆炸饼图，点击d3.js，就像我们在kendo ui中有饼图一样。我不能使用剑道，因为我有Kendo UI无法实现的非常具体的要求。我制作了具有所有必需功能的饼图，但无法真正找到任何资源使其在点击时爆炸。

在此先感谢。

Answer 1

我强烈建议开发新的可视化D3使用时Michael Bostock's examples gallery（他是D3的作者）为起点。

例如，使用代码示例：http://bl.ocks.org/mbostock/3887235。

编辑：要添加“爆炸”，只需对每个段应用一点翻译。

var explode = function(x,index) { 
    var offset = (index==5) ? 80 : 0; 
    var angle = (x.startAngle + x.endAngle)/2; 
    var xOff = Math.sin(angle)*offset; 
    var yOff = -Math.cos(angle)*offset; 
    return "translate("+xOff+","+yOff+")"; 
} 

g.append("path") 
    .attr("d", arc) 
    .style("fill", function(d) { return color(d.data.age); }) 
    .attr("transform", explode); 

看到它在的jsfiddle：http://jsfiddle.net/zephod/L4pyk79e/2/

Answer 2

你可以使用D3pie它是基于D3：http://d3pie.org/