{ backgroundColor: 'silver', tooltip : { formatter: "{a}
{c} {b}" }, toolbox: { show : false, feature : { } }, series : [ { name:'hitrost', type:'gauge', radius : '80%', center : ['68%', '40%'], // 默认全局居中 startAngle:200, endAngle:-20, min:0, max:200, splitNumber:10, axisLine: { // 坐标轴线 lineStyle: { // 属性lineStyle控制线条样式 width: 10, color: [ [0.3, 'gray'], [0.5, '#48b'], [1, '#ff4500'] ], } }, axisTick: { // 坐标轴小标记 length :1, // 属性length控制线长 lineStyle: { // 属性lineStyle控制线条样式 color: 'auto' } }, axisLabel: { // 坐标轴小标记 show: true, formatter: null, margin :-10, rotate:30, textStyle: { color: 'black', fontSize: 8, } }, splitLine: { // 分隔线 length :5, // 属性length控制线长 lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式 color: 'auto' } }, title : { show: false, textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE fontWeight: 'bolder', fontSize: 10, fontStyle: 'italic' } }, pointer: { width:2 }, detail : { offsetCenter: ['5%', '-20%'], textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE fontWeight: 'bolder', fontSize: 10 }, formatter:'{value} km/h' }, data:[{value: 60, name: 'kmm/h'}] }, { name:'obrati', type:'gauge', center : ['27%', '45%'], // 默认全局居中 radius : '80%', min:0, max:6, startAngle:230, endAngle:75, splitNumber:6, axisLine: { // 坐标轴线 lineStyle: { // 属性lineStyle控制线条样式 width: 10 } }, axisTick: { // 坐标轴小标记 length :2, // 属性length控制线长 lineStyle: { // 属性lineStyle控制线条样式 color: 'auto' } }, splitLine: { // 分隔线 length :5, // 属性length控制线长 lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式 color: 'auto' } }, axisLabel: { // 坐标轴小标记 show: true, formatter: null, margin :-10, rotate:30, textStyle: { color: 'auto', fontSize: 8, } }, pointer: { width:5 }, title : { show: false, offsetCenter: ['50%', '0%'], // x, y,单位px textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE fontWeight: 'bolder', fontSize: 12, fontStyle: 'italic' } }, detail : { show:true, offsetCenter: ['20%', '0%'], position : 'inner', textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE color : 'rgba(30,144,255,0.8)', align : 'center', baseline : 'middle', fontFamily : 'Arial', fontSize : 10, fontWeight : 'bolder' }, formatter:'{value}x1000 r/min' }, data:[{value: 1.5, name: 'x1000 r/min'}] }, { name:'gorivo', type:'gauge', center : ['70%', '60%'], // 默认全局居中 radius : '70%', min:0, max:2, startAngle:340, endAngle:200, splitNumber:2, axisLine: { // 坐标轴线 lineStyle: { // 属性lineStyle控制线条样式 color: [[0.2, '#ff4500'],[0.8, '#48b'],[1, '#228b22']], width: 8 } }, axisTick: { // 坐标轴小标记 splitNumber:5, length :10, // 属性length控制线长 lineStyle: { // 属性lineStyle控制线条样式 color: 'auto' } }, axisLabel: { formatter:function(v){ switch (v + '') { case '0' : return 'E'; case '1' : return 'Gas'; case '2' : return 'F'; } } }, splitLine: { // 分隔线 length :15, // 属性length控制线长 lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式 color: 'auto' } }, pointer: { width:2 }, title : { show: false }, detail : { show: false }, data:[{value: 0.5, name: 'gas'}] } ] }; /* clearInterval(timeTicket); timeTicket = setInterval(function (){ option.series[0].data[0].value = (Math.random()*100).toFixed(2) - 0; option.series[1].data[0].value = (Math.random()*7).toFixed(2) - 0; option.series[2].data[0].value = (Math.random()*2).toFixed(2) - 0; option.series[3].data[0].value = (Math.random()*2).toFixed(2) - 0; myChart2.setOption(option,true); },2000) */