D3 Javascript,在组Arc中添加文本

时间:2016-01-26 18:41:31

标签: javascript d3.js

我在D3中创建了一个圆形图表,我正在尝试将文本添加到圆弧中。 在下面的代码中,我设法将文本添加为​​标题:

    svg.selectAll("g.arc")
    .data(groupData[0])
    .enter()
    .append("svg:path")
    .attr("d", groupArc)
    .attr("class", "groupArc")
    .data(nodes.filter(function(d) { return (d.key) && d.children; }))
    .style("fill", function(d) { return color(d.company); })
    .append("svg:title")
    .text(function(d) { return d.company; })

它看起来很好用作标题,但是当我用'text'或'textPath'替换'title'时,没有任何内容显示出来。

我对D3的了解非常有限,我必须在学习的同时提供一些东西。任何帮助将受到高度赞赏。 感谢

0 个答案:

没有答案