可以通过以下步骤实现:
<div id="chartContainer"></div>
var container = document.getElementById("chartContainer");
var data = [
{ label: "Category 1", value: 30 },
{ label: "Category 2", value: 50 },
{ label: "Category 3", value: 20 }
];
for (var i = 0; i < 3; i++) {
var chart = new Chart(container, {
type: 'pie',
data: {
labels: data.map(item => item.label),
datasets: [{
data: data.map(item => item.value),
backgroundColor: ['red', 'green', 'blue']
}]
},
options: {
title: {
display: true,
text: 'Google Pie Chart ' + (i + 1)
}
}
});
}
上述代码中,我们使用了Chart.js库来创建饼图对象,并使用了一个包含三个类别的数据数组。在for循环中,我们创建了三个饼图对象,并为它们设置了不同的标题。
需要注意的是,以上示例中的绘图库和颜色选择仅供参考,实际使用时可以根据需求选择适合的库和样式。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云