噪声监测echarts 饼配置项内容和展示

      option = {
    backgroundColor: '#072B79',
    tooltip: {
        formatter: '{b}{c}',
    },
    series: [
        {
            tooltip: {
                show: false,
            },
            name: 'wrap',
            type: 'pie',

            center: ['50%', '60%'],
            radius: ['0%', '5%'],
            z: 5,

            labelLine: {
                normal: {
                    show: false,
                },
            },
            data: [
                {
                    value: 100,
                    itemStyle: {
                        normal: {
                            color: '#072B79',
                        },
                        emphasis: {
                            color: '#072B79',
                        },
                    },
                },
            ],
        },
        {
            tooltip: {
                show: false,
            },
            name: 'wrap',
            type: 'pie',
            hoverAnimation: false,
            legendHoverLink: false,
            center: ['50%', '60%'],
            radius: ['4%', '8%'],
            z: 6,
            label: {
                normal: {
                    show: false,
                    position: 'center',
                },
                emphasis: {
                    show: false,
                },
            },
            labelLine: {
                normal: {
                    show: false,
                },
            },
            data: [
                {
                    value: 100,
                    itemStyle: {
                        normal: {
                            color: 'white',
                        },
                        emphasis: {
                            color: 'white',
                        },
                    },
                },
            ],
        },
        {
            tooltip: {
                show: false,
            },
            name: '刻度',
            type: 'gauge',
            radius: '78%',
            z: 5,
            min: 0,
            max: 120,
            center: ['50%', '60%'],
            splitNumber: 6, //刻度数量
            startAngle: 180,
            endAngle: 0,
            axisLine: {
                show: true,

                lineStyle: {
                    width: 10,
                    color: [
                        [1 / 6, '#E71A6D'],
                        [2 / 6, '#F88168'],
                        [3 / 6, 'red'],
                        [4 / 6, '#FBF76B'],
                        [5 / 6, '#7AD4DF'],
                        [1, '#70C27E'],
                    ],
                },
            }, //仪表盘轴线
            axisLabel: {
                distance: 50,
                fontSize: 20,
            }, //刻度节点文字颜色
            axisTick: {
                show: true,
                lineStyle: {
                    color: 'auto',
                    width: 0,
                },
            }, //刻度样式
            splitLine: {
                show: true,
                length: 0,
                lineStyle: {
                    color: 'auto',
                    width: 0,
                },
            }, //分隔线样式
            detail: {
                show: false,
            },
            pointer: {
                show: false,
            },
        },
        {
            tooltip: {
                show: false,
            },
            name: '噪声',
            type: 'gauge',
            radius: '75%',

            min: 0,
            max: 120,
            center: ['50%', '60%'],
            data: [
                {
                    value: 70,
                },
            ],
            splitNumber: 6, //刻度数量
            startAngle: 180,
            endAngle: 0,
            z: 5,
            axisLine: {
                show: true,
                lineStyle: {
                    width: 0,
                    color: [
                        [1 / 6, '#E71A6D'],
                        [2 / 6, '#F88168'],
                        [3 / 6, 'red'],
                        [4 / 6, '#FBF76B'],
                        [5 / 6, '#7AD4DF'],
                        [1, '#70C27E'],
                    ],
                },
            }, //仪表盘轴线
            axisLabel: {
                show: true,
                color: '#fff',
                fontSize: 16,
                distance: 20,
                formatter: function (params) {
                    var value = params.toFixed(0);
                },
            }, //刻度标签。

            axisTick: {
                splitNumber: 6,
                show: true,
                lineStyle: {
                    color: 'auto',
                    width: 3,
                },
                length: 20,
            }, //刻度样式
            splitLine: {
                show: true,
                lineStyle: {
                    color: 'auto',
                    width: 4,
                },
            }, //分隔线样式

            itemStyle: {
                normal: {
                    color: 'white', //指针颜色
                },
            },
            detail: {
                show: false,
            },
            pointer: {
            width: 13,
            length: '60%'
        },
           
        },
        {
            tooltip: {
                show: false,
            },
            name: '描述',
            type: 'gauge',
            radius: '77%',

            min: 0,
            max: 100,
            center: ['50%', '60%'],

            splitNumber: 5, //刻度数量
            startAngle: 165,
            endAngle: 15,
            z: 0,
            axisLine: {
                show: false,
            }, //仪表盘轴线

            axisLabel: {
                show: true,
                color: '#fff',
                fontSize: 20,
                distance: -44,
                formatter: function (params) {
                    var value = params.toFixed(0);
                    if (value == 0) {
                        return '极静';
                    } else if (value == 20) {
                        return '安静';
                    } else if (value == 40) {
                        return '一般';
                    } else if (value == 60) {
                        return '较吵';
                    } else if (value == 80) {
                        return '吵闹';
                    } else if (value == 100) {
                        return '极吵';
                    } else {
                        return '';
                    }
                },
            }, //刻度标签。

            axisTick: {
                splitNumber: 6,
                show: false,
                lineStyle: {
                    color: 'auto',
                    width: 0,
                },
                length: 20,
            }, //刻度样式
            splitLine: {
                show: false,
                length: 0,
                lineStyle: {
                    color: 'auto',
                    width: 0,
                },
            }, //分隔线样式
            detail: {
                show: false,
            },
            
        },
    ],
};