Vue 引入echarts 基础使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 引入echarts 基础使用相关的知识,希望对你有一定的参考价值。

参考技术A 通过 npm 获取 echarts,npm install echarts --save

为了省事,全局引用echarts
打开main.js 文件

echarts 新版本跟之前import 方式不一样了,需要as 一下。
放到全局就不用来回引用了,使用时候直接this.$echarts就可以。

从echart 官网上面扒拉下来第一个例子,修改一下

最后初始化这个myChart的时候,一定不要放到create 事件里面,因为界面没有初始化完成,啥都加载不出来

以上是关于Vue 引入echarts 基础使用的主要内容,如果未能解决你的问题,请参考以下文章

在Vue中使用echarts

Vue项目中使用Echarts中 ECharts GL 实现基础的三维可视化

echarts基础使用

vue中使用echarts

在Vue中引入echarts以及使用

vue按需引入/全局引入echarts