ECharts 自制 扇形图

描述:当前是关于Echarts图表中的 仪表盘 示例。
 
            option = {
    tooltip: {
        formatter: "{a} <br/>{b} : {c}"
    },
    series: [{
        //类型
        type: 'gauge',
        //半径
        radius: 180,
        //起始角度。圆心 正右手侧为0度,正上方为90度,正左手侧为180度。
        startAngle: 180,
        //结束角度。
        endAngle: 0,
        center: ['50%', '50%'],
        //仪表盘轴线相关配置。
        axisLine: {
            show: true,
            // 属性lineStyle控制线条样式
            lineStyle: {
                width: 50,
                color: [
                    [0.4, '#36ce9b'],
                    [1, '#576d85']
                ]
            }
        },
        //分隔线样式。
        splitLine: {
            show: false,
        },
        //刻度样式。
        axisTick: {
            show: false,
        },
        //刻度标签。
        axisLabel: {
            show: false,
        },
        //仪表盘指针。
        pointer: {
            //这个show属性好像有问题,因为在这次开发中,需要去掉指正,我设置false的时候,还是显示指针,估计是BUG吧,我用的echarts-3.2.3;希望改进。最终,我把width属性设置为0,成功搞定!
            show: false,
            //指针长度
            length: '90%',
            width: 0,
        },
        //仪表盘标题。
        title: {
            show: true,
            offsetCenter: [0, '-25%'], // x, y,单位px
            textStyle: {
                color: '#36ce9b',
                fontSize: 12
            }
        },
        //仪表盘详情,用于显示数据。
        detail: {
            show: false,
            offsetCenter: [0, '-10%'],
            formatter: '{value}',
            textStyle: {
                fontSize: 12
            }
        },
        data: [{
            value: 125,
            name: '轻度污染125',
        }]
    }]
};