vue项目中使用echarts5

前言：

      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';

官方文档的介绍：入口