Javascript c3.js。在一个循环中创建具有相同类/ID的多个div的图？

我的代码：

c3.generate({
  bindto: $( ".budget-donut-chart" ),
  data: {
    columns: [
        ['Budget Used', budgetUsed],
        ['Budget Remaining', budgetRemaining],
    ],
    type : 'donut',
  },
  legend: {
      show: false
  },
  color: {
      pattern: ["#EE543A", "#a2d47f"]
  },
  donut: {
      title:  '$' + budgetRemaining + ' remaining'
  }
});

当前，“.budget donut chart”div位于each循环中，我的代码仅显示第一个div的图表。我希望它显示在循环中包含的每个div上。我该怎么做有什么想法吗

谢谢

将

bindto:$（“.budget donut chart”），

更改为

bindto:$（“#budget donut chart”+索引），

将div的id更改为

id=“预算甜甜圈图表”+索引

将索引传递给绘制图表的函数

其中index是循环中记录的索引