title: c3.js. Creating graphs within a loop to multiple divs with the same class/ID?
body: <p>My code:   </p>
  
  <pre><code>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'
    }
  });
  </code></pre>
  
  <p>Currently, the ".budget-donut-chart" div is in a each loop and my code only displays the chart for the first div. I want it to display on every div contained within the loop. Any ideas on how I would do so?</p>
  
  <p>Thanks!</p>