优化 echarts 引入，按需引入，避免文件过大

Author: KyleBing

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ### v9.50 `2026-04-07`
 - scss 颜色方法大改，使用最新颜色，替换 @import 方法
+- 优化 echarts 引入，按需引入，避免文件过大
 
 ### v9.48 `2026-04-07`
 - github 可自动打包 

package.json

@@ -3,7 +3,7 @@
   "nameZh": "标题日记",
   "type": "module",
   "description": "一句话概括你的一天",
-  "version": "9.4.1",
+  "version": "9.5.0",
   "dateModify": "2026.04.07",
   "dateInit": "2018.08.14",
   "author": {

src/view/Statistics/BillDaySum/ChartBarOfBillDay.vue

@@ -3,7 +3,36 @@
 </template>
 
 <script>
-import * as echarts from 'echarts'
+import * as echarts from 'echarts/core'
+import { BarChart } from 'echarts/charts'
+import {
+    GridComponent,
+    LegendScrollComponent,
+    TooltipComponent,
+    DataZoomSliderComponent,
+    DataZoomInsideComponent,
+    AxisPointerComponent,
+    DatasetComponent,
+    TransformComponent,
+} from 'echarts/components'
+import { LabelLayout, UniversalTransition } from 'echarts/features'
+import { CanvasRenderer } from 'echarts/renderers'
+
+echarts.use([
+    GridComponent,
+    LegendScrollComponent,
+    TooltipComponent,
+    DataZoomSliderComponent,
+    DataZoomInsideComponent,
+    AxisPointerComponent,
+    DatasetComponent,
+    TransformComponent,
+    BarChart,
+    LabelLayout,
+    UniversalTransition,
+    CanvasRenderer,
+])
+
 import chartOption from "../chartOption";
 import { useProjectStore } from "@/pinia/useProjectStore.ts";
 

src/view/Statistics/BillMonthSum/ChartBarOfBillMonth.vue

@@ -3,7 +3,36 @@
 </template>
 
 <script>
-import * as echarts from 'echarts'
+import * as echarts from 'echarts/core'
+import { BarChart } from 'echarts/charts'
+import {
+    GridComponent,
+    LegendScrollComponent,
+    TooltipComponent,
+    DataZoomSliderComponent,
+    DataZoomInsideComponent,
+    AxisPointerComponent,
+    DatasetComponent,
+    TransformComponent,
+} from 'echarts/components'
+import { LabelLayout, UniversalTransition } from 'echarts/features'
+import { CanvasRenderer } from 'echarts/renderers'
+
+echarts.use([
+    GridComponent,
+    LegendScrollComponent,
+    TooltipComponent,
+    DataZoomSliderComponent,
+    DataZoomInsideComponent,
+    AxisPointerComponent,
+    DatasetComponent,
+    TransformComponent,
+    BarChart,
+    LabelLayout,
+    UniversalTransition,
+    CanvasRenderer,
+])
+
 import chartOption from "../chartOption";
 import { useProjectStore } from "@/pinia/useProjectStore.ts";
 

src/view/Statistics/Weather/ChartLineTrend.vue

@@ -3,7 +3,38 @@
 </template>
 
 <script>
-import * as echarts from 'echarts'
+import * as echarts from 'echarts/core'
+import { LineChart } from 'echarts/charts'
+import {
+    GridComponent,
+    LegendScrollComponent,
+    TooltipComponent,
+    DataZoomSliderComponent,
+    DataZoomInsideComponent,
+    AxisPointerComponent,
+    MarkPointComponent,
+    DatasetComponent,
+    TransformComponent,
+} from 'echarts/components'
+import { LabelLayout, UniversalTransition } from 'echarts/features'
+import { CanvasRenderer } from 'echarts/renderers'
+
+echarts.use([
+    GridComponent,
+    LegendScrollComponent,
+    TooltipComponent,
+    DataZoomSliderComponent,
+    DataZoomInsideComponent,
+    AxisPointerComponent,
+    MarkPointComponent,
+    DatasetComponent,
+    TransformComponent,
+    LineChart,
+    LabelLayout,
+    UniversalTransition,
+    CanvasRenderer,
+])
+
 import chartOption from "../chartOption";
 import { useProjectStore } from "@/pinia/useProjectStore.ts";