Vue3中使用echarts——全局引入步骤

一个基于 JavaScript 的开源可视化图表库

1.安装echarts

npm install echarts --save

2.在main.js中引入并全局挂载echarts

import { createApp } from 'vue'
import App from '@/App.vue'
//引入echarts
import * as echarts from 'echarts'


const app = createApp(App)
//全局挂载echarts
app.config.globalProperties.$echarts = echarts

3.在组件中使用echarts

注意代码中需要设置div宽/高的样式，否则图不会显示在页面上