没有ID的同一页面上的多个图表

Question

以下代码仅呈现JSON的最后一个图表。我希望它将JSON的每个图表附加到div类reportdiv。{/ p>

标记

<div class="reportdiv>

</div>

json

  {reportvals:
    {
     labels:["Apple 25%", "Banana 15%", "Mango 10%", "Orange 35%", "Avocado15% "],
     series: [25, 15, 10, 35, 15]
    },
    {
     labels:["Apple 15%", "Banana 25%", "Mango 35%", "Orange 10%", "Avocado15% "],
     series: [15, 25, 35, 10, 15]
    }
}

JS

for (reportindex = 0; reportindex < settings.json.reportvals.length; reportindex++){
  new Chartist.Pie('.reportdiv', {
    labels: settings.json.reportvals[reportindex].labels,
    series: settings.json.reportvals[reportindex].series
  }, options);
}

如何让我的代码将所有图表附加到div？

我可以使用ID选择器，但我不确定从JSON收到的图表数量。