mirror of
				https://github.com/1Panel-dev/1Panel.git
				synced 2025-11-01 03:37:19 +08:00 
			
		
		
		
	fix: 概览页面样式调整
This commit is contained in:
		
							parent
							
								
									b13efc5195
								
							
						
					
					
						commit
						fa668f8956
					
				
					 1 changed files with 58 additions and 15 deletions
				
			
		|  | @ -184,39 +184,82 @@ const freshChart = (chartName: string, Title: string, Data: number) => { | |||
|                 textStyle: { | ||||
|                     color: '#0f0f0f', | ||||
|                     lineHeight: 30, | ||||
|                     fontSize: 24, | ||||
|                     fontWeight: '500', | ||||
|                     fontSize: 20, | ||||
|                     fontWeight: '400', | ||||
|                 }, | ||||
|                 left: '50%', | ||||
|                 top: '32%', | ||||
|                 subtext: Title, | ||||
|                 subtextStyle: { | ||||
|                     color: '#000000', | ||||
|                     fontSize: 18, | ||||
|                     fontSize: 14, | ||||
|                 }, | ||||
|                 textAlign: 'center', | ||||
|             }, | ||||
|         ], | ||||
|         series: [ | ||||
|             { | ||||
|                 name: Title, | ||||
|                 type: 'pie', | ||||
|                 radius: ['75%', '96%'], | ||||
|         polar: { | ||||
|             radius: ['72%', '92%'], | ||||
|             center: ['50%', '50%'], | ||||
|                 color: ['#08a3f0', '#efefef'], | ||||
|                 label: { | ||||
|                     position: 'center', | ||||
|                     normal: { | ||||
|         }, | ||||
|         angleAxis: { | ||||
|             max: 100, | ||||
|             show: false, | ||||
|         }, | ||||
|         radiusAxis: { | ||||
|             type: 'category', | ||||
|             show: true, | ||||
|             axisLabel: { | ||||
|                 show: false, | ||||
|             }, | ||||
|             axisLine: { | ||||
|                 show: false, | ||||
|             }, | ||||
|             axisTick: { | ||||
|                 show: false, | ||||
|             }, | ||||
|         }, | ||||
|                 data: [{ value: Data }, { value: 100 - Data }], | ||||
|         series: [ | ||||
|             { | ||||
|                 type: 'bar', | ||||
|                 roundCap: true, | ||||
|                 barWidth: 30, | ||||
|                 showBackground: true, | ||||
|                 coordinateSystem: 'polar', | ||||
|                 color: [ | ||||
|                     new echarts.graphic.LinearGradient(0, 1, 0, 0, [ | ||||
|                         { | ||||
|                             offset: 0, | ||||
|                             color: 'rgba(81, 192, 255, .1)', | ||||
|                         }, | ||||
|                         { | ||||
|                             offset: 1, | ||||
|                             color: '#4261F6', | ||||
|                         }, | ||||
|                     ]), | ||||
|                     '#f2f2f2', | ||||
|                 ], | ||||
|                 label: { | ||||
|                     show: false, | ||||
|                 }, | ||||
|                 data: [Data], | ||||
|             }, | ||||
|             { | ||||
|                 type: 'pie', | ||||
|                 radius: ['0%', '65%'], | ||||
|                 radius: ['0%', '55%'], | ||||
|                 center: ['50%', '50%'], | ||||
|                 hoverAnimation: false, | ||||
|                 label: { | ||||
|                     show: false, | ||||
|                 }, | ||||
|                 color: '#fff', | ||||
|                 data: [ | ||||
|                     { | ||||
|                         value: 0, | ||||
|                         itemStyle: { | ||||
|                             shadowColor: '#e3e3e3', | ||||
|                             shadowBlur: 20, | ||||
|                         }, | ||||
|                     }, | ||||
|                 ], | ||||
|             }, | ||||
|         ], | ||||
|     }; | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue