仪表盘（v4.9）echarts 柱状配置项内容和展示

      var value = 67;
option = {
    tooltip: {
        trigger: 'item',
    },
    angleAxis: {
        show: false,
        max: (100 * 360) / 270,
        type: 'value',
        startAngle: 225,
        splitLine: {
            show: false,
        },
    },
    //圆环宽度
    barMaxWidth: 30,
    radiusAxis: {
        show: false,
        type: 'category',
        z: 10,
    },
    polar: {
        //圆环大小
        radius: '160%',
    },
    series: [
        {
            type: 'bar',
            data: [
                {
                    value: value,
                    itemStyle: {
                        color: 'rgba(35, 176, 176, 1)',
                        shadowColor: 'rgba(35, 176, 176, 0.5)',
                        shadowBlur: 10,
                    },
                },
            ],
            barGap: '-100%',
            coordinateSystem: 'polar',
            roundCap: true,
            z: 2,
            animationDuration: 2000,
        },
        {
            //底层圆环
            type: 'bar',
            data: [
                {
                    value: 100,
                    itemStyle: {
                        color: '#EBEDF5',
                    },
                },
            ],
            barGap: '-100%',
            coordinateSystem: 'polar',
            roundCap: true,
            z: 1,
            animation: false,
        },
        {
            name: '',
            type: 'gauge',
            //startAngle: 180,
            //endAngle: 0,
            min: 0,
            max: 100,
            splitNumber: 10,
            radius: '70%', //图表尺寸
            center: ['50%', '50%'],
            detail: {
                formatter: '{r1|{value}}{r2|%}',
                color: 'auto',
                rich: {
                    r1: {
                        fontSize: 30,
                        verticalAlign: 'bottom',
                        padding: [0, 5, -2, 0],
                    },
                    r2: {
                        fontSize: 20,
                        verticalAlign: 'bottom',
                    },
                },
            },
            anchor: {
                show: true,
                showAbove: true,
                size: 10,
                itemStyle: {
                    borderWidth: 2,
                    borderColor: '#2262E4',
                },
            },
            pointer: {
                icon:
                    'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
                length: '75%',
                width: 10,
                offsetCenter: [0, '5%'],
            },
            progress: {
                roundCap: true,
                show: true,
                width: 18,
            },
            itemStyle: {
                color: '#2262E4',
            },
            data: [
                {
                    value: value,
                    name: '',
                },
            ],
            axisLine: {
                show: true,
                lineStyle: {
                    width: 0,
                    shadowBlur: 0,
                    color: [
                        [0.2, '#23AFAF'],
                        [0.4, '#2270DA'],
                        [0.6, '#E99D02'],
                        [1, '#F45656'],
                    ],
                },
            },
            axisTick: {
                show: true,
                lineStyle: {
                    color: 'auto',
                    width: 2,
                },
                length: 10,
                splitNumber: 5,
            },
            splitLine: {
                show: true,
                length: 12,
                lineStyle: {
                    color: 'auto',
                    width: 2,
                },
            },
            axisLabel: {
                distance: 5,
                color: '#9BA5BC',
                fontSize: 12,
            },
        },
        {
            type: 'pie',
            labelLine: {
                show: false,
            },
            z: 1,
            radius: 20,
            data: [
                {
                    value: 5,
                    itemStyle: {
                        color: '#EAEBF1',
                    },
                },
            ],
        },
        {
            type: 'pie',
            labelLine: {
                show: false,
            },
            z: 10,
            radius: 5,
            data: [
                {
                    value: 100,
                    itemStyle: {
                        color: '#fff',
                    },
                },
            ],
        },
    ],
};