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

数值为零时 显示磨人的NaN 只能调透明色解决

      option = {  
    backgroundColor: '#1b1b1b',
    tooltip : { 
         formatter: "{a} <br/>{c} {b}" 
    }, 
       series : [  
           {     
               startAngle: 180,  
               endAngle: 0,  
               name:'实际完成',  
               type:'gauge',  
               center : ['50%', '60%'],    // 默认全局居中  
               radius : 220,  
               min:0,  
               max:100,  
               splitNumber:0,  
               axisLine: {            // 坐标轴线  
                   lineStyle: {
                       color: [[0.82, '#ff4500'],[1, '#1e90ff']],// 属性lineStyle控制线条样式  
                       width: 2  
                   }  
               },  
               
               axisTick: {show:false},  
               axisLabel: {            // 坐标轴小标记  
                   textStyle: {       // 属性lineStyle控制线条样式  
                       fontWeight: 'bolder',  
                       fontSize : 16,  
                       color: 'rgba(30,144,255,0)', 
                   }  
               },  
               splitLine: {           // 分隔线  
                   length : 10,         // 属性length控制线长  
                   lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式  
                       width:1,  
                       color: '#444'  
                   }  
               },  
               pointer: {           // 分隔线 指针  
                   color:'#666666',  
                   width: 2,  
                   length:230  
               },  
               detail : {  
                   show : false  
               },  
               data:[{value: 40}]  
           },  
           
           
           
           {
            name:'转速',
            type:'gauge',
            center : ['50%', '60%'],    // 默认全局居中
            radius : '35%',
            min:0,
            max:10,
            startAngle: 180,  
            endAngle: 0,
            splitNumber:10,
            axisLine: {            // 坐标轴线
                lineStyle: {       // 属性lineStyle控制线条样式
                    color: [[0.86, '#ff4500'],[1, '#1e90ff']],
                    width: 0,
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 10
                }
            },
            axisLabel: {            // 坐标轴小标记
                textStyle: {       // 属性lineStyle控制线条样式
                    fontWeight: '',
                    color: 'rgba(30,144,255,0)',
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 10
                }
            },
            axisTick: {            // 坐标轴小标记
                length :35,        // 属性length控制线长
                lineStyle: {       // 属性lineStyle控制线条样式
                    color: 'auto',
                   /* shadowColor : '#fff', //默认透明
                    shadowBlur: 10*/
                }
            },
            splitLine: {           // 分隔线
                length :0,         // 属性length控制线长
                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                    width:0,
                    color: '#fff',
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 10
                }
            },
            pointer: {
                width:0,
                shadowColor : '#fff', //默认透明
                shadowBlur: 5
            },
            detail : {  
                   show : false  
               },  
               data:[{value: 40}]  
        },
        
        
        
        {
            name:'转速',
            type:'gauge',
            center : ['50%', '60%'],    // 默认全局居中
            radius : '40%',
            min:0,
            max:10,
            startAngle: 180,  
            endAngle: 0,
            splitNumber:10,
            axisLine: {            // 坐标轴线
                lineStyle: {       // 属性lineStyle控制线条样式
                    color: [[0.86,'#ff4500' ],[1, '#1e90ff']],
                    width: 0,
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 10
                }
            },
            axisLabel: {            // 坐标轴小标记
                textStyle: {       // 属性lineStyle控制线条样式
                    fontWeight:'' ,
                    color: 'rgba(30,144,255,0)',
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 10
                }
            },
            axisTick: {            // 坐标轴小标记
                length :2,        // 属性length控制线长
                lineStyle: {       // 属性lineStyle控制线条样式
                    color: 'auto',
                    /*shadowColor : '#fff', //默认透明
                    shadowBlur: 10*/
                }
            },
            splitLine: {           // 分隔线
                length :0,         // 属性length控制线长
                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                    width:0,
                    color: '#fff',
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 10
                }
            },
            pointer: {
                width:0,
                shadowColor : '#fff', //默认透明
                shadowBlur: 5
            },
            detail : {  
                   show : false  
               },  
               data:[{value: 40}]  
        },
  
       ]  
}