46 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			46 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| export default {
 | |
|   legend: {show: false},
 | |
|   tooltip: {
 | |
|     trigger: 'axis',
 | |
|     backgroundColor: 'rgba(14, 51, 111, 0.9)', borderColor: '#1A6ABC', textStyle: {color: '#fff'},
 | |
|     axisPointer: {
 | |
|       type: 'shadow', shadowStyle: {color: 'rgba(46, 153, 255, .2)'},
 | |
|       label: {show: true, backgroundColor: 'transparent', fontSize: 14, margin: 1, color: '#28FBFF'}
 | |
|     }
 | |
|   },
 | |
|   yAxis: {
 | |
|     type: 'category',
 | |
|     axisLabel: {color: '#fff', fontSize: 14},
 | |
|     axisTick: {show: false},
 | |
|     axisLine: {show: false},
 | |
|   },
 | |
|   xAxis: {
 | |
|     nameGap: 23, minInterval: 1,
 | |
|     splitLine: {lineStyle: {color: 'rgba(255,255,255,.2)', type: 'dashed'}},
 | |
|     axisLabel: {color: '#fff', fontSize: 14},
 | |
|   },
 | |
|   daemon: {
 | |
|     type: 'bar', barWidth: 10, barGap: '40%',
 | |
|     label: {show: true, position: 'insideRight', color: '#fff', fontSize: 14},
 | |
|     showBackground: true,
 | |
|     backgroundStyle: {
 | |
|       color: 'rgba(123, 165, 255, .2)'
 | |
|     },
 | |
|     itemStyle: {
 | |
|       color: {
 | |
|         type: 'linear', x: 0, x2: 1, y: 0, y2: 0,
 | |
|         colorStops: [{offset: 0, color: 'rgba(37, 143, 255,.5)'}, {offset: 1, color: 'rgba(43, 199, 255, 1)'}]
 | |
|       }
 | |
|     },
 | |
|     emphasis: {
 | |
|       label: {color: '#28FBFF', position: 'right'},
 | |
|       itemStyle: {
 | |
|         color: {
 | |
|           type: 'linear', x: 0, x2: 1, y: 0, y2: 0,
 | |
|           colorStops: [{offset: 0, color: 'rgba(37, 255, 246, 0.5)'}, {offset: 1, color: '#28FBFF'}]
 | |
|         }
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| }
 |