优化图表，进行联动

src/views/dustMonitoring/index.vue

@@ -178,7 +178,30 @@ const initChart = (instance, option, domEl) => {
   instance = echarts.init(document.getElementById(domEl));
   instance.setOption(option);
   chartInstance[domEl] = instance;
+  chartLinkageFun()
 };
+// 图表联动
+const chartLinkageFun = (target) => {
+  Object.keys(chartInstance).forEach((currentKey) => {
+    chartInstance[currentKey].on('mousemove', (params) => {
+      Object.keys(chartInstance).forEach((key) => {
+        // if (key !== currentKey) {
+          chartInstance[key].dispatchAction({
+            type: 'showTip',
+            seriesIndex: 0,
+            dataIndex: params.dataIndex
+          })
+        // }
+      })
+    })
+  })
+}
+// 移出图表事件
+const chartRemoveEvent = () => {
+  Object.keys(chartInstance).forEach((key) => {
+    chartInstance[key].off()
+  })
+}
 const dustInfo = reactive([
   {
     label: "压差",
@@ -573,6 +596,7 @@ onMounted(() => {
 });
 onUnmounted(() => {
   window.removeEventListener("resize", resizeFun);
+  chartRemoveEvent()
 })
 watch(
   () => form.dusterNo,