chart.js上显示的颜色不同

var chartData = {
  labels: ['数据1', '数据2', '数据3'],
  datasets: [{
    label: '数据系列1',
    data: [10, 20, 30],
    borderColor: 'rgb(255, 99, 132)', // 设置边框颜色
    backgroundColor: 'rgba(255, 99, 132, 0.2)' // 设置背景颜色
  }, {
    label: '数据系列2',
    data: [40, 50, 60],
    borderColor: 'rgb(54, 162, 235)',
    backgroundColor: 'rgba(54, 162, 235, 0.2)'
  }]
};

var chartOptions = {
  // 图表配置选项
};

var chart = new Chart(ctx, {
  type: 'line',
  data: chartData,
  options: chartOptions
});

var chartData = {
  labels: ['数据1', '数据2', '数据3'],
  datasets: [{
    label: '数据系列1',
    data: [10, 20, 30],
    backgroundColor: ['red', 'green', 'blue'] // 使用自定义颜色数组
  }]
};

var chartOptions = {
  // 图表配置选项
};

var chart = new Chart(ctx, {
  type: 'bar',
  data: chartData,
  options: chartOptions
});

var chartData = {
  labels: ['数据1', '数据2', '数据3'],
  datasets: [{
    data: [10, 20, 30],
    backgroundColor: [
      'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 50%, rgba(0,255,0,1) 100%)',
      'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 50%, rgba(0,255,0,1) 100%)',
      'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 50%, rgba(0,255,0,1) 100%)'
    ]
  }]
};

var chartOptions = {
  // 图表配置选项
};

var chart = new Chart(ctx, {
  type: 'pie',
  data: chartData,
  options: chartOptions
});