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

王小婷

发布于 2019-05-05 11:23:04

1.1K0

发布于 2019-05-05 11:23:04

文章被收录于专栏：编程微刊编程微刊

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