reactjs - 我们如何在 chartist.js 中更改 pie-donut 的颜色
问题描述
大家好,我首先使用的是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
}
};
解决方案
推荐阅读
- php - 客户登录 opencart 后,未对产品征税
- php - 在php中逐个遍历数组
- php - 我如何接收管理员守卫的广播通知?
- java - java.awt.Robot kepress 在使用 KeyEvent.VK_COMPOSE 键和字符组合时对 JPasswordField 不起作用
- javascript - 将“var”声明移动到函数顶部 - Javascript 错误
- sql - 该过程引发错误“无法在“CUSTOMER”中插入空值。“CUST_ID”虽然值不为空
- vue.js - 未捕获的类型错误:无法读取未定义的属性“名字”。在加载具有内部组件的组件时
- r - 以向量为参数的 MLE
- sql - 在 Postgres SQL 文件中连接
- python - 访问 r“C:\Windows\System32\Drivers\etc\hosts”的权限被拒绝