javascript - 访问 d3 包布局中的比例因子

标签 javascript d3.js circle-pack

我使用 d3 的包布局和默认的半径函数。这会缩放圆圈的大小,以便所有内容都适合容器。

如何访问此比例因子?

最佳答案

此代码将在节点的工具提示中显示比例因子:

titles
    .attr("x", function(d) { return d.x; })
    .attr("y", function(d) { return d.y; })
    .text(function(d) {
        return (    "Scale factor  : " + (+d.value)/(d.r*d.r) + "\n" +
                    "Value: "  + d.value + "\n" +
                    "R: "  + d.r); 
    });

就像这个test example jsfiddle .

看起来圆形包中所有叶节点的缩放因子或多或少相同,如下两张图所示:

enter image description here

enter image description here

但是,对于所有其他节点,它可能会有所不同!

关于javascript - 访问 d3 包布局中的比例因子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24293249/

相关文章:

javascript - 键入对象 TypeScript 的问题 - 使用带有 null 的预定义类型时

javascript - 尝试使用 for 循环对对象内的数组求和

javascript - 计算抓取的最后一个工作页面的最快方法

javascript - 在 D3 中对每个矩形和文本进行分组

javascript - 使用 D3js 在 SVG 中使用 tspan 说明符选择文本元素的内容

javascript - 在输入中使用外部 Jquery

javascript - 动态添加按钮d3.js

javascript - 为什么 d3 pack 布局会意外崩溃?

svg - Circle-packing diagram - 两组值之间的转换

javascript - d3.js 节点之间的链接不呈现为线