ECharts 通过组件 visualMap 指定渲染数据某一维度
先看看效果展示，将原来markdown的表格样式展示修改为热力图展示，整体效果 跑步总结。 最初我的需求是，将一年的跑步数据能够像github的提交贡献图进行展示。 日历可以使用ECharts的日历热力图 安装跑步距离显示为不同颜色，与示例的颜色渐变有所区别 可以通过跑步数据进入跑步详情页面 下来说一下我碰到的几个问题。 热力图支持 由于原来使用的是echarts在线定制模式下载的js文件，进入ECharts在线定制 。 图表中增加选择热力图Heatmap 坐标系增加选择日历Calendar 组件增加选择视觉映射VisualMap 颜色分段显示 "visualMap": { "show": false, "type": "piecewise", "pieces": [ { "gte": 15, "color": "#E49A52" }, { "gte": 10, "lt": 15, "color": "#83C67B" }, { "gte": 3, "lt": 10, "color": "#6B9CF0" }, { "lt": 3, "color": "transparent" } ] } type参数设置为piecewise，分段型视觉映射组件 pieces参数可以使用 lt（小于，less than），gt（大于，greater than），lte（小于等于 less than or equals），gte（大于等于，greater than or equals）来表达边界 按照指定维度渲染图形 在ECharts在线示例编辑器中，测试没有问题，后面程序自动生成了结果集，结果集示例如下： ...