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

Question

我的代码：

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'
  }
});

目前，＆＃34; .budget-donut-chart＆＃34; div在每个循环中，我的代码只显示第一个div的图表。我希望它显示在循环中包含的每个div上。关于我将如何做的任何想法？

谢谢！

Answer 1

将bindto: $( ".budget-donut-chart" ),更改为bindto: $( "#budget-donut-chart"+index ),

将div的ID更改为id="budget-donut-chart"+index。

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

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