###如题
找到的方法是通过params判断值的范围然后返回color的值,
但是似乎只适用于动态设置color,也就是柱体颜色,此时柱子边框和柱体颜色是一致的。
问题是:如何动态改变柱子边框的颜色,让它和柱体颜色不同呢?
动态改变color的代码:
{
name: 'Volume',
type: 'bar',
barWidth: 13,
silent: true, // 去除点击时的高亮效果
xAxisIndex: 1,
yAxisIndex: 1,
itemStyle: {
color: function(params) { // 动态改变柱子颜色
const colorType = params.value[2]
if (colorType === 0) {
return '#009F00'
} else {
return '#D02C2C'
}
}
},
data: this.volumeData
}
```