相关疑难解决方法(0)

D3.js基于节点个体半径/直径的自动字体大小

如何让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旁边的驱动圆圈以北的小绿点将具有黑色不可读的单词,直到我们放大以查看圆上写入的内容.目标是在放大时具有相应的可读字体..?

javascript d3.js

9
推荐指数
1
解决办法
8041
查看次数

标签 统计

d3.js ×1

javascript ×1