perf: echarts

src/plugins/echarts/index.ts

@@ -1,28 +1,14 @@
 import * as echarts from "echarts/core";
 
-import {
+import { LineChart } from "echarts/charts";
-  BarChart,
-  LineChart,
-  PieChart,
-  MapChart,
-  PictorialBarChart,
-  RadarChart,
-} from "echarts/charts";
 
 import {
   TitleComponent,
   TooltipComponent,
   GridComponent,
-  PolarComponent,
-  AriaComponent,
-  ParallelComponent,
-  LegendComponent,
-  RadarComponent,
   ToolboxComponent,
   DataZoomComponent,
   VisualMapComponent,
-  TimelineComponent,
-  CalendarComponent,
 } from "echarts/components";
 
 import { SVGRenderer } from "echarts/renderers";
@@ -30,26 +16,14 @@ import { SVGRenderer } from "echarts/renderers";
 const { use, registerTheme } = echarts;
 
 use([
-  LegendComponent,
   TitleComponent,
   TooltipComponent,
   GridComponent,
-  PolarComponent,
-  AriaComponent,
-  ParallelComponent,
-  BarChart,
   LineChart,
-  PieChart,
-  MapChart,
-  RadarChart,
   SVGRenderer,
-  PictorialBarChart,
-  RadarComponent,
   ToolboxComponent,
   DataZoomComponent,
   VisualMapComponent,
-  TimelineComponent,
-  CalendarComponent,
 ]);
 
 // 自定义主题

src/views/welcome.vue

@@ -30,9 +30,9 @@
 import Flop from "/@/components/Flop";
 import { ref, computed, onMounted, nextTick } from "vue";
 import { deviceDetection } from "/@/utils/deviceDetection";
-import { echartsJson } from "/@/api/mock";
 import { useEventListener, tryOnUnmounted, useTimeoutFn } from "@vueuse/core";
-import * as echarts from "echarts";
+import { echartsJson } from "/@/api/mock";
+import echarts from "/@/plugins/echarts";
 
 let brokenLine: any = null; //折线图实例
 export default {
@@ -91,10 +91,6 @@ export default {
           toolbox: {
             right: 10,
             feature: {
-              dataZoom: {
-                yAxisIndex: "none"
-              },
-              restore: {},
               saveAsImage: {}
             }
           },