D3 JS文字圈

时间:2018-11-22 11:24:37

标签: d3.js

我正在尝试修改气泡图(https://usabilityetc.github.io/d3-country-bubble-chart/demo/),以在每个圆圈的顶部添加一些文本,我知道该文本无法附加到圆圈本身,因此我一直在尝试使它正常运行的各种方法,但是没有很多JS经验。

以下是Plnkr项目的链接:http://next.plnkr.co/edit/a4r9hxN9JhQxSPDC 在浏览器控制台中,我可以看到文本已绑定到圆上,但是我不确定是否正确,因为页面上没有任何显示。 Screenshot

任何建议将不胜感激。

1 个答案:

答案 0 :(得分:0)

想法如下。您可以用组(g个元素)替换圆。圆坐标(cxcy)成为组平移(.attr('transform', 'translate(' + x + ',' + y + ')'))。然后,将circletext附加到该组。