Javascript d3.js d3.从其他html类中选择（$child）

我有一个html文件，其中显示了几个d3.js图形。 这些图是在一个单独的js文件中生成的

两个图表都是一样的，只是内容不同而已。当然，它们必须出现在不同的位置

因此，除了d3.select.chart之外，我可以做些什么来处理呼叫者部分

html:

---

如果在同一个文件中有两个id相同的标记，则文件无效。svg标记的情况似乎就是这样，两者的id都是chart，这确实是个问题。但是有没有可能将d3.js select指定给id以外的其他元素呢？是的，它只是一个CSS选择器，所以CSS selection语法适用。是的，但我只需要一个通用方法在不同的位置生成图表为什么不通过将id传递到您的通用方法来创建每个具有唯一id的图表呢。然后在该id上选择。

<div class="row">....
    <div class="content">
        <svg id="chart" onload="visuHandler('lineChart','userActivity');" />....
</div>

<div class="row">....
    <div class="content">
        <svg id="chart" onload="visuHandler('lineChart','cashflow');" />....
</div>

var visuHandler = function (chrt, data) {
    d3.select(".chart")
        .datum(interpretation(data, section))
        .call(chart);