ui测试修改

src/views/databoard/components/ISRAChart.vue

@@ -60,15 +60,15 @@ export default {
       }
 			this.chart = echarts.init(document.getElementById('israChart'));
 			var option = {
+				color:this.colors,
 				title:{
 					text: num,
 					subtext: '总数',
-					top: '43%',
+					top: '32%',
 					left: '49%',
 					textAlign: 'center',
 					textStyle: {
 						fontSize: 32,
-						lineHeight: 16,
 						color: '#fff',
 					},
 					subtextStyle: {
@@ -77,12 +77,20 @@ export default {
 					},
 				},
 				legend: {
-					bottom: '3%',
+					bottom: '2%',
 					left: 'center',
+					itemWidth: 18,
+					itemHeight:18,
 					icon: 'circle',
 					textStyle: {
 						color: '#fff'
-					}
+					},
+					data:this.chartData && this.chartData.length > 0 && this.chartData.map((item,index)=>({
+						name:item.name,
+						itemStyle:{
+							color: this.colors[index%4]
+						}
+					}))
 				},
 				series:[{
 						name: 'ISRA缺陷检测',
@@ -96,9 +104,6 @@ export default {
 						labelLine: {
 							show: true,
 						},
-						itemStyle: {
-							borderRadius: 12
-						},
 						data: this.chartData && this.chartData.length > 0 && this.chartData.map((item, index) => ({
 						name:item.name,
 						value: item.num,