Question

我错过了一两步将我的数据绑定到我为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中数据的绑定方式。

Here是一个小提示，显示我到目前为止所拥有的

Answer 1

你已经大部分时间了。在您的示例中，提供给D3方法的函数都采用了参数：d。 d（或者你选择称之为的任何东西）将是D3为其渲染SVG的数据对象。 this将是对绑定数据的SVG元素本身的引用。

这是一个revised fiddle，你的圆圈半径与d.totalCrimes绑定，我认为它们会适当渲染。

将数据绑定到D3气泡节点

1 个答案: