ECharts文档:https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-4hnc2d9j.html
图表格式如下所示:
代码就不贴了,可以进入官网调试:https://echarts.baidu.com/examples/editor.html?c=line-aqi
现在要修改的是右侧的部分的内容,每段数字改成要具体表达的内容:
在等级区分里面,每段数字之间,需要标注标题说明,代码如下在每一段后面加上label:'标题'
。
visualMap: {
top: 10,
right: 10,
pieces: [{
gt: 0,
lte: 50,
label:'深睡',
color: '#096'
}, {
gt: 50,
lte: 100,
label:'熟睡',
color: '#ffde33'
}, {
gt: 100,
lte: 150,
label:'浅睡',
color: '#ff9933'
}, ],
outOfRange: {
color: '#999'
}
},
修改之后,可以看到
原文作者:祈澈姑娘 关注「编程微刊」公众号 ,在微信后台回复「小程序」,获取小程序开发全套资料和500G编程资源教程。