vue3中使用echarts未显示

一.可借助echarts官网来安装或者如下

// 安装 echarts 组件
// 方法一  个人推荐        
npm install echarts --save
// 方法二  全局安装 容易出现问题
npm install echarts -g

二.在main.js中全局引用

import * as echarts from "echarts";

三.创建 Echarts.vue 组件,将组件添加到 Echarts.vue 中使用即可,如下

html 中div高宽是必须的 id必须唯一

完整代码如下:




效果图如下

vue3中使用echarts未显示_第1张图片

你可能感兴趣的:(echarts,javascript,ecmascript)