Vue项目中使用echarts 5

个人感觉echarts 5还是挺好看的，所以就在项目中直接上最新版本了。

echarts

直接安装最新版本

npm i -S echarts

安装的版本是：5.0.2

使用时遇到问题

在main.js中添加eharts后

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

却提示

export 'default' (imported as 'echarts') was not found in 'echarts'

问题解决

难道是5.x的版本和4.x的版本有啥兼容性问题？不应该啊~。

结果在官方看到了十分明显的：ECharts 5 升级指南。文中提到

import echarts from ‘echarts’;
// 或者按需引入
import echarts from ‘echarts/lib/echarts’;
这两种方式，v5 中不再支持了。
使用者需要如下更改代码解决这个问题：
import * as echarts from ‘echarts’;
// 按需引入
import * as echarts from ‘echarts/lib/echarts’;

所以只需要修改一下即可

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts

看来升级新版本的时候还是需要关注下官方文档的。