如何解决如何在有条件的 Apex 图表中使用不同的颜色？
我正在使用 Apexcharts treemap chart 并且想要应用不同的颜色。
如果类型数据是“a”类型，我想要一种颜色，如果它是“b”类型，我想要另一种颜色。
我的数据：
const TreeData = [
{
data: [
{
x: 'Product 1',y: 218,type:'a'
},{
x: 'Product 2',y: 149,type:'b'
}]
我尝试过这样的事情：
colors: [function({ value,seriesIndex,w }) {
if (value < 55) {
return '#7E36AF'
} else {
return '#D9534F'
}
},function({ value,w }) {
if (value < 111) {
return '#7E36AF'
} else {
return '#D9534F'
}
}]
但我无法在上述函数中获得类型值。
如何使用不同的颜色？
解决方法
要为树状图中的每个单元格使用不同的颜色，您可以在系列本身中应用 fillColor。
series: [
{
data: [
{
x: 'New Delhi',y: 218,fillColor: '#3396F7'
},{
x: 'Kolkata',y: 149,fillColor: '#EC4498'
},{
x: 'Mumbai',y: 184,fillColor: '#61CF35'
}
]
}
]
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。