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

現在、「.budget-donut-chart」div は各ループにあり、私のコードは最初の div のグラフのみを表示します。ループ内に含まれるすべての div に表示したい。どうすればそうするかについてのアイデアはありますか？

ありがとう！