ECharts文檔:https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-4hnc2d9j.html
圖表格式如下所示:

代碼就不貼了,可以進入官網調試:https://echarts.baidu.com/examples/editor.html?c=line-aqi
現在要修改的是右側的部分的內容,每段數字改成要具體表達的內容:

在等級區(qū)分里面,每段數字之間,需要標注標題說明,代碼如下在每一段后面加上
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'
}
},

修改之后,可以看到

原文作者:祈澈姑娘 技術博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運營,文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,對于博客上面有不會的問題,可以加入qq技術交流群:702834751