问题标签 [circle-pack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 通过键盘更新圆形包布局
我有一个圆形包布局，它代表 json 文件中的一些数据。当我单击键盘上的左右箭头时，我希望更新包布局。我设法更新了圆圈的位置，但没有更新半径。你能看看下面的代码吗？我的圈子包并不是真正的分层，我的意思是我只有一个父级，id 为“coreCircle”的圈子，然后是里面的所有子级。
谢谢，RM
javascript - D3 气泡示例：bubble.nodes() 有什么作用？
示例： http: //mbostock.github.com/d3/ex/bubble.html
我很难理解第 16 行发生了什么：
以及为什么或在 classes() 函数中，变量 classes[] 获取为其每个对象定义的 x,y,r 值。另外，bubble.nodes() 似乎不是一个实际的功能？
如果我添加一个
在第 44 行和第 45 行之间 - 里面的每个对象似乎都已经填充了 x,y,r - 但不清楚为什么会发生这种情况。
javascript - d3 实现适用于 firefox/chrome，但不适用于 iPad
所以我有一些源代码使用 d3.json 通过 HTTP 获取请求获取一些 json 并将其可视化......它在 chrome 和 firefox 上运行良好，但是当我尝试在 safari 或 chrome 的移动版本上运行它时，它打破了。在iOS safari上运行时，js遇到空"d"对象时发现空类型错误...
这就是我使用码头设置服务器的方式......
javascript - 关于 d3.layout.pack() 的几个简单问题
请看一下这个简单的 jsfiddle： http: //jsfiddle.net/perikut/9qUVW/2/ （对不起，如果使用 Firefox，我不知道为什么它看起来不太好......）
在我们的对象中，我们是否可以使用“儿童”以外的其他词来指示从何处提取数据？（我看到的所有例子都遵循这个数据结构，见下文）。我们应该在哪里指出？
我认为我的代码非常有缺陷（请参阅 jsfiddle），因为我被迫声明两次“组”参数以便从组/父项中显示/隐藏子项。
没有办法直接选择 group1 的子节点并应用动画吗？我以后想要一个更复杂的数据结构，所以我需要先了解这种基础知识。
当前数据结构：
javascript - d3 圆圈包：设置圆圈颜色
我尝试使用http://mbostock.github.com/d3/ex/bubble.html 但颜色有所改变。
我想了解如何在 d3.layout.pack 中设置颜色。
javascript - 更新 D3 圈子包布局
我正在尝试使用我在 json 中收到的数据动态更新 d3 圆形包布局。每一秒我都会调用 d3.json() 来获取新的 json。我的实现不是更新现有的可视化，而是在旧的可视化下创建一个新的可视化。我想动态更新现有布局...
javascript - d3.pack() 转换更新
我正在尝试在 d3.pack() 上应用过渡。
我想用一个新的参数来表示，但是在应用转换时，新的圆圈和它的父母不再保持结构上的“和谐”（一些儿童圈不再被它的父母所包含）。
我通过...应用新值
重构包...
追加新节点（应该已经与其父节点正确定位）并最后进行圆形过渡（它的新半径应该与新包成正比，所以我不明白错误在哪里......）
有什么想法或参考吗？
javascript - D3.js 在气泡图中消失的气泡
我正在尝试为可以包含一些 0 值的数组显示 D3 气泡图。如果 0 的数量达到高气泡开始“消失”。请参阅此示例（它应该显示 10 个气泡）： jsfiddle 上的示例
难道我做错了什么？
ruby-on-rails - 如何使用 RoR 显示 d3.js 圆包图？
我正在尝试使用 d3.js设置这样的图表http://bl.ocks.org/4063269#index.html ：
我需要通过将方法放在控制器中并将 js 放在 .html.haml 文件中来做到这一点。我已经制作了控制器，但完全不知道如何编写方法。
这些方法需要从 sqlite3 数据库中获取值并将其转换为 JSON 以供 d3.js 使用。有人可以让我开始吗？我不知道现在该怎么办...
javascript - AngularJS 指令不更新 D3 圆包图
我一直在跟踪如何将 Angular 和 D3与指令连接在一起，并且我已经获得了 D3 图表来显示。但是，当我更改表格中的数据时，图表不会更新。任何想法为什么会发生这种情况？