0

我缺少一两步来将我的数据绑定到我为 d3 气泡图创建的节点上。我可以看到节点已在我的 svg 中创建，并且一些数据已绑定到节点（例如标题）

<body>
<svg class="bubble" width="960" height="960">
<g class="node" transform="translate(undefined,undefined)">
<title>mip: 24</title>
<circle style="fill: rgb(49, 130, 189);">
</g>
<g class="node" transform="translate(undefined,undefined)">
<title>theft: 558</title>
<circle style="fill: rgb(107, 174, 214);">
</g>
<g class="node" transform="translate(undefined,undefined)">
<g class="node" transform="translate(undefined,undefined)">
<g class="node" transform="translate(undefined,undefined)">
<g class="node" transform="translate(undefined,undefined)">
</svg>
</body>

在我的数据中的实际值绑定到节点、定义圆及其尺寸的点上，我遗漏了一些东西。

我觉得我很接近，但不太了解 D3 中的数据是如何绑定的。

这是一个小提琴，展示了我到目前为止所拥有的东西

4

1 回答 1

0

你已经走了大部分路了。在您的示例中，提供给 D3 方法的函数都带有一个参数：d. d（或您选择的任何名称）将是 D3 为其呈现 SVG 的数据对象。this将是对绑定数据的 SVG 元素本身的引用。

这是一个修改后的 fiddle，你的圆的半径绑定到 d.totalCrimes，我认为它们渲染得当。

于 2013-11-05T00:50:34.750 回答