first commit

src/views/dashboard1/hooks/useRightChart3.ts

@@ -0,0 +1,59 @@
+import { onBeforeUnmount, ref } from "vue";
+import { EChartsOption } from "echarts";
+import { generateNumbers } from "@/utils";
+
+export default function () {
+  const option = ref<EChartsOption>({});
+
+  function refresh() {
+    option.value = {
+      xAxis: {},
+      yAxis: {},
+      series: [
+        {
+          symbolSize: 20,
+          data: [
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            [8.07, 6.95],
+            [13.0, 7.58],
+            [14.0, 7.66],
+            [13.4, 6.81],
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            [11.5, 7.2],
+            [3.03, 4.23],
+            [1.05, 3.33],
+            [4.05, 4.96],
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            generateNumbers(1, 10, 2),
+            [5.02, 5.68],
+          ],
+          type: "scatter",
+        },
+      ],
+    };
+  }
+
+  refresh();
+
+  const timer = setInterval(() => {
+    refresh();
+  }, 3000);
+
+  onBeforeUnmount(() => {
+    clearInterval(timer);
+  });
+
+  return {
+    option,
+    refresh,
+  };
+}