1

src/views/databoard/components/ISRAChart.vue

@@ -11,9 +11,11 @@
 
 <script>
 import * as echarts from 'echarts';
+import resize from './../mixins/resize'
 
 export default {
 	name: 'ISRAChart',
+	mixins: [resize],
 	components: {},
 	props: {},
 	data() {
@@ -24,6 +26,14 @@ export default {
 				tooltip: {
 					trigger: 'item',
 				},
+				legend: {
+					bottom: '3%',
+					left: 'center',
+					icon: 'circle',
+					textStyle: {
+						color: '#fff'
+					}
+				},
 				title: {
 					text: 11234,
 					subtext: '总数',
@@ -44,7 +54,7 @@ export default {
 					{
 						name: 'Access From',
 						type: 'pie',
-						radius: ['60%', '85%'],
+						radius: ['45%', '65%'],
 						avoidLabelOverlap: true,
 						label: {
 							show: true,
@@ -60,25 +70,25 @@ export default {
 							rich: {
 								a: {
 									color: '#2760ff',
-									fontSize: 18,
+									fontSize: 24,
 									borderWidth: 0,
 									textBorderWidth: 0,
 								},
 								b: {
 									color: '#518eec',
-									fontSize: 18,
+									fontSize: 24,
 									borderWidth: 0,
 									textBorderWidth: 0,
 								},
 								c: {
 									color: '#0ee8e4',
-									fontSize: 18,
+									fontSize: 24,
 									borderWidth: 0,
 									textBorderWidth: 0,
 								},
 								d: {
 									color: '#ddb523',
-									fontSize: 18,
+									fontSize: 24,
 									borderWidth: 0,
 									textBorderWidth: 0,
 								},