个人感觉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
看来升级新版本的时候还是需要关注下官方文档的。