echarts热力图为每一个区域设置特定的颜色
作者: 时间:2023-10-16阅读数:人阅读
使用映射组件来改变热力图的颜色是方便快捷的手段, 但是某些特定的情况下我们需要对区域颜色进行更加精准的颜色控制,比如正红负绿,这个时候我们可以考虑给值附上itemStyle的属性,这样就可以精确到某一个区域或者格子是什么颜色了
dataRes = dataRes.map(function (item) {
// 正红负绿
return { value: [item.symbolDes, item.symbolSrc, item.cap], itemStyle: {normal: {color: 'red' }} };
});
series: [
{
type: 'heatmap',
data: dataRes,
label: {
show: true,
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.5)',
},
},
},
],
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:licqi@yunshuaiweb.com