我是d3js的新手。我正在尝试调整论坛上不同主题中发布的3环甜甜圈图的例子。
我还需要在弧上显示文本标签以及触发动画和更新图表数据的动作: http://jsfiddle.net/b88eqqn0/2/
var path = gs.selectAll("path")
.data(function(d) { return pie(d); })
.enter().append("path")
.attr("fill", function(d, i) { return color(i); })
.attr("d", function(d, i, j)
{ return arc.innerRadius(innerRadius+(40*j)).outerRadius(innerRadius+40+(40*j))(d); })
.on("mousemove", function(d,i,j){
tooltip.style("left", d3.event.pageX+10+"px");
tooltip.style("top", d3.event.pageY-25+"px");
tooltip.style("display", "inline-block");
tooltip.select("span").text(seriesNames[j]+": " +d.data.name+" " +d.value);
}).on("mouseout",function(){
tooltip.style("display","none");
}).on("click",function(d,j){
alert("regenerate chart tween event, aparam:"+d.data.name);
});
});
这可能与d3有关吗? 非常感谢!!