多指标仪表盘echarts 饼配置项内容和展示

      var option = {
    // title: {
    //     text: '等级保护分析',
    //     left: 0,
    //     top: 0,
    //     textStyle: t3,
    // },
    backgroundColor: '#013',
    series: [
        // {
        //     name: '',
        //     type: 'pie',
        //     hoverAnimation: false,
        //     legendHoverLink: false,
        //     center: ['50%', '50%'],
        //     radius: ['60%'],
        //     avoidLabelOverlap: false,
        //     itemStyle: {
        //         normal: {
        //             color: '#013',
        //         },
        //     },
        //     tooltip: {
        //         show: false,
        //     },
        //     label: {
        //         show: false,
        //     },
        //     data: [100],
        // },

        {
            type: 'gauge',
            radius: '82%',
            min: 0,
            max: 100,
            startAngle: 90,
            endAngle: -270,
            axisLine: {
                show: false,
                lineStyle: {
                    width: 4,
                    color: [[1, 'rgba(17, 136, 255, .3)']],
                },
            },
            axisTick: {
                // 刻度
                show: true,
                splitNumber: 10,
                length: 16,
                distance: -20,
                lineStyle: {
                    width: 1,
                    color: 'rgba(17, 136, 255, .3)',
                },
            },
            splitLine: {
                // 分割线
                show: false,
            },
            axisLabel: {
                // 刻度标签
                show: false,
            },
            pointer: {
                // 仪表盘指针
                show: false,
            },
            detail: {
                // 仪表盘详情
                show: false,
            },
        },

        {
            type: 'gauge',
            radius: '75%',
            startAngle: 90,
            endAngle: -270,
            pointer: {
                show: false,
            },
            progress: {
                show: true,
                overlap: false,
                roundCap: true,
                clip: true,
                itemStyle: {
                    borderWidth: 4,
                    borderColor: '#031E6D',
                },
            },
            axisLine: {
                lineStyle: {
                    width: 40,
                    color: [[1, 'rgba(17, 136, 255, .1)']],
                },
            },
            splitLine: {
                show: false,
                distance: 0,
                length: 10,
            },
            axisTick: {
                show: false,
            },
            axisLabel: {
                show: false,
                distance: 50,
            },
            data: [
                {
                    value: 88.88,
                    name: '指标1',
                    title: {
                        offsetCenter: ['0%', '-52%'],
                    },
                    detail: {
                        offsetCenter: ['0%', '-35%'],
                    },
                    itemStyle: {
                        color: '#46f',
                    },
                },

                {
                    value: 45.33,
                    name: '指标2',
                    title: {
                        offsetCenter: ['0%', '-12%'],
                    },
                    detail: {
                        offsetCenter: ['0%', '5%'],
                    },
                    itemStyle: {
                        color: '#4db',
                    },
                },

                {
                    value: 45,
                    name: '指标3',
                    title: {
                        offsetCenter: ['0%', '28%'],
                    },
                    detail: {
                        offsetCenter: ['0%', '45%'],
                    },
                    itemStyle: {
                        color: '#9cf',
                    },
                },
            ],
            title: {
                fontSize: 14,
                fontFamily: ['pingfang sc', 'serif', 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei'],
                color: '#9cf',
            },
            detail: {
                width: 50,
                height: 14,
                fontSize: 14,
                fontFamily: ['pingfang sc', 'serif', 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei'],
                color: 'auto',
                borderColor: 'auto',
                borderRadius: 20,
                borderWidth: 1,
                formatter: '{value}%',
            },
        },
    ],
};