Vue - Echarts 5.0 安装与使用(异步加载数据)

一、 安装ECharts 组件

打开终端,输入vue ui,会自动打开vue-cli 图像化界面

vue ui

选择项目,添加ECharts 插件


Vue - Echarts 5.0 安装与使用(异步加载数据)_第1张图片
在这里插入图片描述

我使用的是Echarts(不是vue-echarts)


Vue - Echarts 5.0 安装与使用(异步加载数据)_第2张图片
在这里插入图片描述

二、使用

主要是导入方式和5.0以下版本有差异,需要使用下面的方式

import * as echarts from "echarts";

demo


Vue - Echarts 5.0 安装与使用(异步加载数据)_第3张图片
在这里插入图片描述
Vue - Echarts 5.0 安装与使用(异步加载数据)_第4张图片
在这里插入图片描述






你可能感兴趣的:(Vue - Echarts 5.0 安装与使用(异步加载数据))