0

大家好,我首先使用的是chartist.js我在这里没有看到任何类型pie的颜色选项我在chart.js文件中创建了两个文件这是代码

export const completedTasksChart = {
  data: {
  series: [20, 15, 40], 
  
 },
 color:["#ffcccc", "green", "#000099"],
 options : {
  donut: true,
  donutWidth: 30,
  donutSolid: true,
  startAngle: 270,
  showLabel: true
}
};

这是我的另一个文件

<ChartistGraph
                className="ct-chart"
                data={completedTasksChart.data}
                type="Pie"
                options={completedTasksChart.options}                
              />

我想把黄色变成绿色我该怎么做 在此处输入图像描述

我试过这些没有用

export const completedTasksChart = {
  data: {
  series: [{
    value: 20,
    name: 'Series 1',
    className: 'my-custom-class-one',
    meta: 'Meta One'
  }, {
    value: 10,
    name: 'Series 2',
    className: 'my-custom-class-two',
    meta: 'Meta Two'
  }, {
    value: 70,
    name: 'Series 3',
    className: 'my-custom-class-three',
    meta: 'Meta Three'
  }] 
  
 },
 
 options : {
  donut: true,
  donutWidth: 30,
  donutSolid: true,
  startAngle: 270,
  showLabel: true
}
};

并且这个 CSS 类显示在浏览器中但没有应用颜色我在浏览器上也检查了 CSS 类已应用但没有效果 在此处输入图像描述

4

0 回答 0