如何为饼图添加动态颜色- js

// 获取饼图的DOM元素
var pieChart = document.getElementById("pieChart");

// 定义颜色数组
var colors = ["#ff0000", "#00ff00", "#0000ff"];

// 获取饼图数据（示例数据）
var data = [
  { label: "A", value: 30 },
  { label: "B", value: 50 },
  { label: "C", value: 20 }
];

// 遍历数据，为每个数据项设置颜色
data.forEach(function(dataItem, index) {
  // 随机选择一个颜色值
  dataItem.color = colors[Math.floor(Math.random() * colors.length)];
});

// 绘制饼图（示例使用Chart.js库）
var chart = new Chart(pieChart, {
  type: "pie",
  data: {
    labels: data.map(function(dataItem) {
      return dataItem.label;
    }),
    datasets: [{
      data: data.map(function(dataItem) {
        return dataItem.value;
      }),
      backgroundColor: data.map(function(dataItem) {
        return dataItem.color;
      })
    }]
  }
});