(本文档仅供参考)
问题
希望自定义热力图的颜色,如根据值修改颜色,比如大于0,显示绿色,小于0显示红色
解决方案
产品里的颜色是根据数值渐变的。如果要指定某个区间的数值变成指定的颜色,要自定义分段式的颜色映射。 在扩展属性中,自行定义某个区间的数值对应某种颜色,后续产品设置的渐变颜色不再生效
参考以下扩展属性设置
option = { visualMap: { type: 'piecewise', show: false, pieces: [{ lt: 0, //小于0 color: 'red' }, { gte: 0, //大于等于0 color: 'green' }] } }
实现效果:
https://echarts.apache.org/zh/option.html#visualMap-piecewise.pieces