如何在d3中包装圆圈中的文本

时间:2016-04-01 13:38:34

标签: jquery d3.js

我正在尝试创建分割气泡图。在此我需要在每个气泡上显示城市名称。到目前为止,我几乎能够实现这一点,除了一件事,我无法将文字包装在气泡内。 / p>

我正在使用以下代码将文字添加到圈子中

circles1.append("text")
      .attr("text-anchor", "middle")
      .attr("class", "gFontFamily")
      .style("font-size", '11px')
      .text(function(d, i) {
        return d.year;
      });

显然要截断文本以适应圆圈,我需要在添加文本时圆的半径。所以在此基础上我可以从实际文本中取一些子串并在添加后打印它..'

这是工作fiddle

感谢任何帮助。感谢

0 个答案:

没有答案