如何使用 Echarts 热力图实现数据分段显示不同颜色?
echarts热力图实现分段颜色
在Echarts热力图中,如果希望根据数据值的不同,将热力点呈现为不同的颜色分段,可以利用visualMap的range和inRange.color属性。
实现步骤:
- 设置visualMap的range属性为数据值的取值范围,如[0, 10].
- 设置inRange.color属性为想要的分段颜色,如[黄色, 红色].
- 将outOfRange.color属性设置为超出分段范围值的热力点颜色,如绿色.
- 设置calculable属性为false,以避免用户手动调整分段阈值.
效果预览:
按照上述步骤设置后,热力图分段颜色效果如下:
[图片]
文章推荐
-
详解在React 组件中使用Echarts的正确姿势
本文主要介绍了在react 组件中使用echarts的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起...
echarts
2个月前 (11-27) 112 -
PHP 使用Echarts生成数据统计报表详解
本文主要介绍了php 使用echarts生成数据统计报表的实现代码,需要的朋友可以参考下,希望能帮助到大家。echart...
echarts
2个月前 (11-27) 101 -
canvas使用贝塞尔曲线平滑拟合折线段的方法详解
本文主要介绍了基于canvas使用贝塞尔曲线平滑拟合折线段的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做...
echarts
2个月前 (11-27) 101 -
echarts实现去掉X轴、Y轴和网格线效果实例分享
本文主要介绍了jquery插件echarts实现的去掉x轴、y轴和网格线效果,结合实例形式分析了echarts插件绘制表...
echarts
2个月前 (11-27) 98 -
vue.js将echarts封装为组件一键使用
做项目的时候为了让数据展示的更加直观,总会用到图表相关的控件,而说到图表控件第一时间当然想到echarts这个开源项目,...
echarts
2个月前 (11-27) 84
最新文章
- Python脚本自动刷新Excel电子表格 27秒前
- 了解Python编程行业中最适合自己的就业选择 1分钟前
- Python中的map函数有什么用途? 2分钟前
- 企业招聘Python开发者的常见要求 2分钟前
- 如何使用Python生成两个日期之间的k个随机日期? 3分钟前
- 如何在Python中执行F检验 4分钟前
- Python技术求职市场的现状分析与预测 4分钟前
- Python程序将字符串列表转换为逗号分隔的字符串 5分钟前
- Python程序提取网格匹配字符串 6分钟前
- 学Python能否确保你在IT行业内立足? 8分钟前