页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题

希望自定义热力图的颜色,如根据值修改颜色,比如大于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