从图表数据数组中使用NVD3.js绘制多个图表的最佳方法是什么

Question

我正在尝试使用NVD3渲染图表数组。让我们假设数据是一个图表数组（具有键值数组的对象）

由于我使用选择器将图表数据插入特定的svg元素，如何创建多个图表（data.length）并将其附加到我的html中？

我的HTML很简单：

<div class="span12">
     <div id="chart" class="col-md-12">
          <svg></svg>
     </div>
</div>

JavaScript是标准的NVD3示例，每个栏上都注册了一个点击事件：

  nv.addGraph(function() {
    var chart = nv.models.multiBarChart();

    chart.xAxis
        .tickFormat(d3.format(',f'));

    chart.yAxis
        .tickFormat(d3.format(',.1f'));

    d3.select('#chart svg')
        .datum(data())
        .transition().duration(500)
        .call(chart)
        ;

    nv.utils.windowResize(chart.update);

    return chart; };
}, function () {
   d3.selectAll(".nv-bar").on('click',
       function () {
         $('#modalMonthlySubcategory').modal('show')
              });
      });
);

我需要一次渲染所有图表，而不知道数组中有多少图表。 ID必须是唯一的，并且时钟事件需要在每个条上工作，它显示一个引导模式。