ECharts 仪表盘改变颜色

最新推荐文章于 2024-10-11 20:40:21 发布

阳光温暖

最新推荐文章于 2024-10-11 20:40:21 发布

阅读量3.4w

点赞数 10

分类专栏：杂谈_jQuery

本文链接：https://blog.csdn.net/allenjay11/article/details/75389157

版权

杂谈_jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

做项目用到仪表盘，但是官方实例的仪表盘如下：
这里写图片描述

但是想让红色在0-20 ，80-100是绿色

option = {
    tooltip : {
        formatter: "{a} <br/>{b} : {c}%"
    },
    toolbox: {
        feature: {
            restore: {},
            saveAsImage: {}
        }
    },

    series: [
        {
            name: '业务指标',
            type: 'gauge',
            detail: {formatter:'{value}%'},
            axisLine: {            // 坐标轴线  
                     lineStyle: {       // 属性lineStyle控制线条样式  
                         color: [[0.2, '#c23531'], [0.8, '#63869e'], [1, '#91c7ae']]
                                }  
                            },   
            data: [{value: 50, name: '完成率'}]
        }
    ]
};

效果图：
这里写图片描述