前言:
echarts中升级到版本5以后,使用方法发生了改变,注意不兼容ie8了,还有引入方法改变了。
使用步骤:
1、安装:
cnpm install echarts --save
2、引入:去除 default exports 的支持
v4
及其之前:引用 echarts:
import echarts from 'echarts';
// 或者按需引入
import echarts from 'echarts/lib/echarts';
v5版本
import * as echarts from 'echarts';
// 按需引入
import * as echarts from 'echarts/lib/echarts';
按需引入
在 5.0.1 中,我们引入了新的按需引入接口
import * as echarts from 'echarts/core';
import { BarChart } from 'echarts/charts';
import { GridComponent } from 'echarts/components';
// 注意,新的接口中默认不再包含 Canvas 渲染器,需要显示引入,如果需要使用 SVG 渲染模式则使用 SVGRenderer
import { CanvasRenderer } from 'echarts/renderers';
echarts.use([BarChart, GridComponent, CanvasRenderer]);
如果之前是使用import 'echarts/lib/chart/bar'
引入,新的接口对应的是import {BarChart} from 'echarts/charts'
;
官方文档的介绍:入口