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

      option = {
    tooltip: {
        formatter: "{a} <br/>{b} : {c}%"
    },
    grid:{
        width:200,
        height:95
    },
    series: [{
        name: '外围刻度',
        type: 'gauge',
        radius: '75%',
        center: ['50%', '50%'],
        startAngle: 180,
        endAngle: 0,
        axisLine: {
            lineStyle: {
                width:4,
                color:[[1,'cyan']]
            },
        },
        splitLine: {
            length: -6,
            lineStyle:{
                color:'red',
                width:4
            }
        },
        axisLabel: {
            show:false
        },
        axisTick:{
            splitNumber:1,
            lineStyle:{
                opacity:0,
            }
        },
        detail:{
            show:false
        },
        pointer:{
            show:false
        }

    },{
        name: '内层数据刻度',
        type: 'gauge',
        radius: '70%',
        center: ['50%', '50%'],
        startAngle: 180,
        endAngle: 0,
        axisLine: {
            lineStyle: {
                opacity:0
            },
        },
        splitLine: {
            length: 20,
        },
        axisLabel: {
            distance: -80,
            color:'#fff',
            fontSize:24,
            formatter:function(param){
                if ((param % 50)==0) {
                    return param
                }
            }
        },
        detail: {
            show: false,
            formatter: '{value}%',
            // backgroundColor:'#fff'
        },
        itemStyle:{
            normal:{
                color:'cyan'
            }
        },
        pointer:{
            width:10,
            length:'90%'
        },
        data: [{
            value:'60',
            name:'xxx'
        }]
    },{
        name: '最内层线',
        type: 'gauge',
        radius: '35%',
        center: ['50%', '50%'],
        startAngle: 180,
        endAngle: 0,
        axisLine: {
            lineStyle: {
                width:4,
                color:[[1,'cyan']]
            },
        },
        splitLine: {
            length: -6,
            lineStyle:{
                opacity:0
            }
        },
        axisLabel: {
            show:false
        },
        axisTick:{
            splitNumber:1,
            lineStyle:{
                opacity:0,
            }
        },
        detail:{
            show:false
        },
        pointer:{
            show:false
        }

    },{
        name: '饼图',
        tooltip:{
            show:false
        },
        type: 'pie',
        radius: ['0%', '34%'],
        hoverAnimation:false,
        itemStyle:{
            normal:{
                color:'#333'
            },
            emphasis:{
                color:'#333'
            }
        },
        labelLine:{
            normal:{
                show:false
            }
        },
        animation:false,
        data: [1]
    }]
}