ECharts分段型视觉映射组件的属性修改

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'
            }
        },

修改之后，可以看到

---

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。