d3多层圆环图标签和dataupdate

时间:2015-04-29 14:03:49

标签: d3.js pie-chart labels multi-level

我是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有关吗? 非常感谢!!

0 个答案:

没有答案