Echart入门（二）

使用rollup自定义构建

参考echart官方文档：自定义构建echarts

步骤 1

首先在在根目录中使用npm安装rollup: 其中commonjs文件是为了支持在浏览器中使用requre保留字。

npm install rollup --save-dev
npm install rollup-plugin-node-resolve --save-dev
npm install rollup-plugin-uglify --save-dev
npm install rollup-plugin-commonjs --save-dev 

步骤 2

然后在根目录下创建line.js折线图

// 引入 echarts 主模块。
import * as echarts from 'echarts/lib/echarts';
// 引入折线图。
import 'echarts/lib/chart/line';
// 引入提示框组件、标题组件、工具箱组件。
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/title';
import 'echarts/lib/component/toolbox';

// 基于准备好的dom，初始化 echarts 实例并绘制图表。
echarts.init(document.getElementById('main')).setOption({
   
    title: {
   text: 'Line Chart'},
    tooltip: {
   },
    toolbox: {
   
        feature: {
   
            dataView