您当前的位置: 首页 > 技术文章 > 前端开发

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

标签: echarts 前端
加载中~
如果您对我们的成果表示认同并且觉得对你有所帮助可以给我们捐赠。您的帮助是对我们最大的支持和动力!
捐赠我们
扫码支持 扫码支持
扫码捐赠,你说多少就多少
2
5
10
20
50
自定义
您当前余额:元
支付宝
微信
余额

打开支付宝扫一扫,即可进行扫码捐赠哦

打开微信扫一扫,即可进行扫码捐赠哦

打开QQ钱包扫一扫,即可进行扫码捐赠哦