echarts得分环

echarts 得分环样式修改：由echarts的官方效果图1改为效果图2
效果图1：
===
效果图2：

var chartDom = document.getElementById(‘defenh’);
var myChart = echarts.init(chartDom);
var option;

    option = {
        color: ['#d464ff', '#090d43', '#4168f5', '#090d43', '#18feff'], //环的颜色
        series: [{
            type: 'gauge',//仪表盘
            startAngle: 90,
            endAngle: -270,
            center: ['30%', '50%'],//中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。
            pointer: { //仪表盘指针
                show: false
            },
            progress: {//展示当前进度
                show: true,
                overlap: false,//多组数据时进度条是否重叠
                roundCap: false,
                clip: false,
            },
            axisLine: {//仪表盘轴线相关配置
                lineStyle: {//仪表盘轴线样式
                    width: 60,
                    color: [
                        [1, '#090d43']
                    ]
                }
            },
            splitLine: {//分隔线样式
                show: false,
                distance: 0,//分隔线与轴线的距离
                length: 10
            },
            axisTick: {//刻度样式
                show: false
            },
            axisLabel: {//刻度标签
                show: false,
                distance: 50//标签与刻度线的距离
            },
            data: [{//系列中的数据内容数组
                    value: 20,
                    name: 'Perfect',
                    title: {//仪表盘标题
                        offsetCenter: ['160%', '-90%'],
                        color: '#d464ff',

                    },
                    detail: {
                        offsetCenter: ['160%', '-65%']
                    }
                },
                {
                    value: 100,
                    detail: {
                        show: false
                    },
                },
                {
                    value: 40,
                    name: 'Good',
                    title: {//仪表盘标题
                        offsetCenter: ['160%', '-15%'],
                        color: '#4168f5',

                    },
                    detail: {
                        offsetCenter: ['160%', '10%']
                    }
                },
                {
                    value: 100,
                    detail: {
                        show: false
                    },
                },
                {
                    value: 60,
                    name: 'Commonly',
                    title: {//仪表盘标题
                        offsetCenter: ['160%', '60%'],
                        color: '#18feff',


                    },
                    detail: {
                        offsetCenter: ['160%', '85%']
                    }
                }
            ],
            title: {
                fontSize: 14
            },
            detail: {//仪表盘详情，用于显示数据
                width: 50,
                height: 14,
                fontSize: 14,
                color: 'auto',
                borderColor: 'auto',
                borderRadius: 20,
                borderWidth: 1,
                formatter: '{value}%'
            }
        }]
    };

    option && myChart.setOption(option);
}
defenh();