feat: 支持修改单位

src/components/Oscilloscope/WaveformDisplay.vue

@@ -14,6 +14,7 @@
 import { computed, withDefaults } from "vue";
 import { forEach } from "lodash";
 import VChart from "vue-echarts";
+import { type WaveformDataType } from "./index";
 
 // Echarts
 import { use } from "echarts/core";
@@ -61,15 +62,14 @@ type EChartsOption = ComposeOption<
 
 const props = withDefaults(
   defineProps<{
-    data?: {
-      x: number[];
-      y: number[][];
-    };
+    data?: WaveformDataType;
   }>(),
   {
     data: () => ({
       x: [],
       y: [],
+      xUnit: "s",
+      yUnit: "V",
     }),
   },
 );
@@ -114,9 +114,9 @@ const option = computed((): EChartsOption => {
     tooltip: {
       trigger: "axis",
       formatter: (params: any) => {
-        let result = `时间: ${params[0].data[0].toFixed(2)} ms<br/>`;
+        let result = `时间: ${params[0].data[0].toFixed(2)} ${props.data.xUnit}<br/>`;
         params.forEach((param: any) => {
-          result += `${param.seriesName}: ${param.data[1].toFixed(3)} V<br/>`;
+          result += `${param.seriesName}: ${param.data[1].toFixed(3)} ${props.data.yUnit}<br/>`;
         });
         return result;
       },
@@ -144,7 +144,7 @@ const option = computed((): EChartsOption => {
     ],
     xAxis: {
       type: "value",
-      name: "时间 (ms)",
+      name: `时间 (${props.data.xUnit})`,
       nameLocation: "middle",
       nameGap: 30,
       axisLine: {
@@ -153,10 +153,13 @@ const option = computed((): EChartsOption => {
       axisTick: {
         show: true,
       },
+      splitLine: {
+        show: false,
+      },
     },
     yAxis: {
       type: "value",
-      name: "电压 (V)",
+      name: `电压 (${props.data.yUnit})`,
       nameLocation: "middle",
       nameGap: 40,
       axisLine: {
@@ -165,6 +168,9 @@ const option = computed((): EChartsOption => {
       axisTick: {
         show: true,
       },
+      splitLine: {
+        show: false,
+      },
     },
     series: series,
   };