feat: 优化echart导入方式

Author: fengtianxi001

.stylelintcache

@@ -1 +1 @@
-[{"/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutLoading.vue":"1","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/components/WidgetPanel07.vue":"2","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fonts/DouyuFont/result.css":"3","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fontawesome/css/all.css":"4","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/Layout.vue":"5","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutFooter.vue":"6","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutHeader.vue":"7","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutPanel.vue":"8","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fonts/SarasaMonoSC/result.css":"9"},{"size":1066,"mtime":1741309353519,"hashOfConfig":"10"},{"size":10272,"mtime":1740993659158,"hashOfConfig":"10"},{"size":43440,"mtime":1741309041321,"hashOfConfig":"11"},{"size":639796,"mtime":1741309218198,"hashOfConfig":"11"},{"size":2196,"mtime":1741309483001,"hashOfConfig":"10"},{"size":2532,"mtime":1741309303400,"hashOfConfig":"10"},{"size":3768,"mtime":1741309305944,"hashOfConfig":"10"},{"size":1110,"mtime":1741309357188,"hashOfConfig":"10"},{"size":171551,"mtime":1741309478702,"hashOfConfig":"11"},"dstj6n","1a883kf"]
+[{"/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutLoading.vue":"1","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/components/WidgetPanel07.vue":"2","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fonts/DouyuFont/result.css":"3","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fontawesome/css/all.css":"4","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/Layout.vue":"5","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutFooter.vue":"6","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutHeader.vue":"7","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/layout/LayoutPanel.vue":"8","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fonts/SarasaMonoSC/result.css":"9","/Users/fengtianxi001/Desktop/代码仓库/MF-TurbineMonitor/src/assets/fonts/DincorosBlack/result.css":"10"},{"size":1066,"mtime":1741309353519,"hashOfConfig":"11"},{"size":10272,"mtime":1740993659158,"hashOfConfig":"11"},{"size":43440,"mtime":1741309041321,"hashOfConfig":"12"},{"size":639796,"mtime":1741309218198,"hashOfConfig":"12"},{"size":2196,"mtime":1741309483001,"hashOfConfig":"11"},{"size":2532,"mtime":1741309303400,"hashOfConfig":"11"},{"size":3768,"mtime":1741309305944,"hashOfConfig":"11"},{"size":1110,"mtime":1741309357188,"hashOfConfig":"11"},{"size":171551,"mtime":1741309478702,"hashOfConfig":"12"},{"size":1940,"mtime":1741309041321,"hashOfConfig":"12"},"dstj6n","1a883kf"]

src/hooks/useEcharts.ts

@@ -1,6 +1,24 @@
 import { onMounted, onUnmounted, ref, shallowRef } from 'vue'
-import * as echarts from 'echarts'
+import * as echarts from 'echarts/core'
 import { isElement } from 'lodash-es'
+import { BarChart, LineChart } from 'echarts/charts'
+import {
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+} from 'echarts/components'
+import { LabelLayout } from 'echarts/features'
+import { CanvasRenderer } from 'echarts/renderers'
+
+echarts.use([
+  TooltipComponent,
+  LegendComponent,
+  GridComponent,
+  BarChart,
+  LabelLayout,
+  CanvasRenderer,
+  LineChart,
+])
 
 /**
  * 用法如下

vite.config.ts

@@ -73,7 +73,7 @@ export default defineConfig({
   },
   server: {
     host: '0.0.0.0',
-    port: 8090,
+    port: 1124,
     open: true,
   },
 })