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在每个循环中，而我的代码仅显示第一个div的图表。我希望它显示在循环中包含的每个div上。关于我将如何做的任何想法？

谢谢！

最佳答案

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

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

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

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

关于javascript - c3.js。在循环中创建具有相同类/ID的多个div的图形？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27262839/