如何让D3.js根据各自的半径/直径自动调整每个节点的字体大小?
我使用的风格允许自动增加insize
node.append("text")
.attr("dy", ".3em")
.style("text-anchor", "middle")
.text(function(d) { return d.className.substring(0, d.r / 3); })
.style("font-size", "10px") // initial guess
//This is what gives it increased size...
.style("font-size", function(d) { return (2 * d.r - 10) / this.getComputedTextLength() * 10 + "px"; })
Run Code Online (Sandbox Code Playgroud)
;*10 +"px"; })
此效果将从较小的节点中删除文本.我还有一个缩放功能,我可以增加一个最初覆盖12像素的点来覆盖我的整个屏幕.
.call(d3.behavior.zoom().scaleExtent([1, 200]).on("zoom", zoom))
Run Code Online (Sandbox Code Playgroud)
有没有办法可以单独自动格式化节点字体; 以适当的大小编写所以当放大时,被调节的节点字体将与节点大小成比例,而单个字体大小适合全部?

正确的名单圈子:名称(SIZE)
我想要一个可以学习的工作实例.因此,在图像尺寸处,P旁边的驱动圆圈以北的小绿点将具有黑色不可读的单词,直到我们放大以查看圆上写入的内容.目标是在放大时具有相应的可读字体..?