| | |
| | | ] |
| | | }; |
| | | chart.setOption(option); |
| | | }, |
| | | drawGauge:function(chart,params){ |
| | | let option = { |
| | | tooltip: { |
| | | formatter: "{a} <br/>{b} : {c}%" |
| | | }, |
| | | toolbox: { |
| | | feature: { |
| | | restore: {}, |
| | | saveAsImage: {} |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | | type: 'gauge', |
| | | axisLine: { |
| | | lineStyle: { |
| | | width: 28, |
| | | color: [ |
| | | [0.3, '#67e0e3'], |
| | | [0.7, '#37a2da'], |
| | | [1, '#fd666d'] |
| | | ] |
| | | } |
| | | }, |
| | | pointer: { |
| | | itemStyle: { |
| | | color: 'auto' |
| | | } |
| | | }, |
| | | axisTick: { |
| | | distance: -28, |
| | | length: 8, |
| | | lineStyle: { |
| | | color: '#fff', |
| | | width: 2 |
| | | } |
| | | }, |
| | | splitLine: { |
| | | distance: -28, |
| | | length: 28, |
| | | lineStyle: { |
| | | color: '#fff', |
| | | width: 4 |
| | | } |
| | | }, |
| | | axisLabel: { |
| | | color: 'inherit', |
| | | distance: 40, |
| | | fontSize: 14 |
| | | }, |
| | | detail: { |
| | | valueAnimation: true, |
| | | formatter: '{value} %', |
| | | color: 'inherit', |
| | | textStyle: { |
| | | fontSize: 30, |
| | | align: 'center', |
| | | }, |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 70 |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }; |
| | | chart.setOption(option,true); |
| | | } |
| | | } |
| | | |