更新汝阳bug

src/views/monitoring/equipmentProcessAmount/graph.vue

@@ -1,8 +1,8 @@
-<!-- 
+<!--
     filename: graph.vue
     author: liubin
     date: 2023-08-31 14:00:02
-    description: 
+    description:
 -->
 
 <template>
@@ -14,6 +14,7 @@
 
 <script>
 import * as echarts from 'echarts';
+import edata from './data';
 
 export default {
 	name: 'LineChartInEquipmentProcessAmount',
@@ -30,6 +31,12 @@ export default {
 					right: 64,
 					bottom: 56,
 				},
+				tooltip: {
+					trigger: 'axis',
+					axisPointer: {
+						type: 'shadow',
+					},
+				},
 				title: {
 					show: false,
 					text: '各设备加工数量',
@@ -40,18 +47,30 @@ export default {
 					left: 'center',
 					top: 24,
 				},
-				yAxis: {
-					type: 'category',
-					axisLine: {
-						show: true,
-						lineStyle: {
-							color: '#777',
+				toolbox: {
+					feature: {
+						dataZoom: {
+							xAxisIndex: false,
+						},
+						saveAsImage: {
+							pixelRatio: 2,
 						},
 					},
-					axisTick: {
-						show: false,
+				},
+				dataZoom: [
+					{
+						type: 'slider',
+						yAxisIndex: 0,
+						filterMode: 'none',
 					},
-					// data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+					{
+						type: 'inside',
+						yAxisIndex: 0,
+						filterMode: 'none',
+					},
+				],
+				yAxis: {
+					type: 'category',
 					data: [],
 					name: '设备名',
 					nameTextStyle: {
@@ -60,12 +79,6 @@ export default {
 				},
 				xAxis: {
 					type: 'value',
-					axisLine: {
-						show: true,
-						lineStyle: {
-							color: '#777',
-						},
-					},
 					name: '数量',
 					nameTextStyle: {
 						fontSize: 14,
@@ -73,7 +86,6 @@ export default {
 				},
 				series: [
 					{
-						// data: [120, 200, 150, 80, 70, 110, 130],
 						data: [],
 						type: 'bar',
 						barWidth: 20,
@@ -82,10 +94,8 @@ export default {
 							distance: 50,
 							formatter: '{c}',
 						},
-						showBackground: true,
-						backgroundStyle: {
-							color: 'rgba(180, 180, 180, 0.2)',
-						},
+						large: true,
+						largeThreshold: 20,
 					},
 				],
 			},
@@ -96,7 +106,7 @@ export default {
 			handler: function (newVal, oldVal) {
 				if (!this.chart) this.chart = echarts.init(this.$refs.chart);
 				this.$nextTick(() => {
-					if (this.chart) this.chart.setOption(this.updateConfig(this.option));
+					if (this.chart) this.chart.setOption(this.updateConfig(this.option),true);
 				});
 			},
 			deep: true,