仪表盘echarts gauge配置项内容和展示

仪表盘

      option = {
    backgroundColor: '#FFFFFF',
    series: [{
            startAngle: 180,
            endAngle: 0,
            type: 'gauge',
            radius: '80%',
            min: 0,
            max: 100,
            splitNumber: 10,
            pointer: { //仪表盘指针
                show: false,
            },
            axisLine: { //仪表盘轴线
                lineStyle: {
                    width: 5,
                    color: [
                        [1, new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                offset: 0,
                                color: '#0BD4E8'
                            },
                            {
                                offset: 0.66,
                                color: '#A747F4'
                            },
                            {
                                offset: 1,
                                color: '#AF40F6'
                            }
                        ])]
                    ]
                },
                show: true,
            },
            splitLine: { //分割线
                show: false,
                width: 5
            },
            axisTick: { //刻度
                show: false,
                length: 8
            },
            axisLabel: { //刻度标签
                show: false,
                distance: 0
            },
            title: { //标题
                show: false
            },
            detail: {
                show: false
            }
        },
        {
            startAngle: 180,
            endAngle: 0,
            type: 'gauge',
            radius: '78%',
            min: 0,
            max: 100,
            splitNumber: 10,
            pointer: { //仪表盘指针
                show: false,
                length: "40%"
            },
            axisLine: { //仪表盘轴线
                lineStyle: {
                    width: 27,
                    color: [
                        [1, "#F0F0F0"]
                    ]
                },
                show: true,
            },
            splitLine: { //分割线
                show: false,
                width: 5
            },
            axisTick: { //刻度
                show: false,
                length: 8
            },
            axisLabel: { //刻度标签
                show: false,
                distance: -20
            },
            title: { //标题
                show: false
            },
            detail: {
                show: false
            }
        },
        {
            startAngle: 180,
            endAngle: 0,
            type: 'gauge',
            radius: '77%',
            min: 0,
            max: 100,
            splitNumber: 10,
            data: [{
                value: 60,
                name: '按时'
            }],
            pointer: { //仪表盘指针
                show: true,
                length: "89%",
                width: 50
            },
            itemStyle: {
                color: "#F14545"
            },
            axisLine: { //仪表盘轴线
                lineStyle: {
                    width: 4,
                    color: [
                        [1, "#F0F0F0"]
                    ],
                    // opacity:0
                },
                show: true,
            },
            splitLine: { //分割线
                show: false,
                width: 5
            },
            axisTick: { //刻度
                show: true,
                length: 1,
                color: "#444444",

            },
            axisLabel: { //刻度标签
                show: true,
                distance: -25,
                color: "#444444",
                fontSize: 10
            },
            title: { //标题
                show: false
            },
            detail: {
                show: false
            }
        },
        {
            backgroundColor: "#FFFFFF",
            color: "#FFFFFF",
            name: '',
            type: 'pie',
            radius: '60%',
            center: ['50%', '50%'],
            data: [1],
        }
    ]
}