1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| import type { App } from "vue";
| import * as echarts from "echarts/core";
| import { PieChart, BarChart, LineChart } from "echarts/charts";
| import { CanvasRenderer, SVGRenderer } from "echarts/renderers";
| import {
| GridComponent,
| TitleComponent,
| PolarComponent,
| LegendComponent,
| GraphicComponent,
| ToolboxComponent,
| TooltipComponent,
| DataZoomComponent,
| VisualMapComponent
| } from "echarts/components";
|
| const { use } = echarts;
|
| use([
| PieChart,
| BarChart,
| LineChart,
| CanvasRenderer,
| SVGRenderer,
| GridComponent,
| TitleComponent,
| PolarComponent,
| LegendComponent,
| GraphicComponent,
| ToolboxComponent,
| TooltipComponent,
| DataZoomComponent,
| VisualMapComponent
| ]);
|
| /**
| * @description 按需引入echarts，具体看 https://echarts.apache.org/handbook/zh/basics/import/#%E5%9C%A8-typescript-%E4%B8%AD%E6%8C%89%E9%9C%80%E5%BC%95%E5%85%A5
| * @see 温馨提示：必须将 `$echarts` 添加到全局 `globalProperties` ，具体看 https://pure-admin-utils.netlify.app/hooks/useECharts/useECharts#%E4%BD%BF%E7%94%A8%E5%89%8D%E6%8F%90
| */
| export function useEcharts(app: App) {
| app.config.globalProperties.$echarts = echarts;
| }
|
| export default echarts;
|
|
