Echarts仪盘表背景颜色设置

百度Echarts实例仪盘表如下:
Echarts仪盘表
想实现的的效果:
Echarts目标效果
一、添加文字属性:

            axisLabel: {           // 坐标轴文本标签,详见axis.axisLabel
                formatter: function(v){
                    switch (v+''){
                        case '10': return '差';
                        case '30': return '低';
                        case '50': return '中';
                        case '70': return '良';
                        case '90': return '优';
                        default: return '';
                    }
                },

二、添加颜色属性:

            axisLine: {            // 坐标轴线
                lineStyle: {       // 属性lineStyle控制线条样式
                     color: [
            [0.2, '#228b22'],
               [0.4, '#223500'], 
                       [0.6, '#EF0125'],
            [0.8, '#48b'],
            [1, '#f03']
        ],
                  width: 200
                }
            },

漏刻有时(WWW.LOCKDATA.CN),专业制作数据可视化大屏。

posted on 2019-07-04 20:58  漏刻有时  阅读(151)  评论(0)    收藏  举报