d3.js无法更新标签和戒指

时间:2014-02-25 09:48:05

标签: javascript d3.js labels

我正在尝试构建一个环形图表,但仍然存在图例,环和值的放置和更新问题。为什么旧数据仍然存在且未被删除? http://jsfiddle.net/NYEaX/123/

如果有更多或更少的数据 - 标签无法正确放置

 //draw labels                      
            valueLabels = value_group.selectAll("text.value").data(reversedata)
            valueLabels.enter().append("svg:text")
            .attr("class", "value")
            .attr("transform", function(d) {
                var rings = counts;

                return "translate("+(that.radius+55)/rings+", 0)";
            })
             .attr("dx", function(d, i){
                return 19*i;            })
            .attr("dy", function(d, i){
                return -5;
            })
            .attr("text-anchor", function(d){
                return "start";
            }).text(function(d){
                return d.value;
            });

            valueLabels.transition().duration(300).attrTween("d", arcTween)
            valueLabels.exit().remove();   

1 个答案:

答案 0 :(得分:0)

看看这个Fiddle

我无法使用您的数据,因为我现在没有时间。

但是我设法从这个link获得了这个。

此处innerRadius是使用数据中定义的索引计算的。

希望有所帮助:)