如何在Webpack项目中集成ECharts

如何在Webpack项目中集成ECharts

1、安装ECharts

首先，需要通过npm安装ECharts库：

npm install echarts --save

2、全量引入ECharts

如果你需要使用ECharts的所有功能，可以全量引入：

var echarts = require('echarts');

3、按需引入ECharts

为了减少打包体积，建议按需引入所需的图表和组件：

// 引入 ECharts 主模块
var echarts = require('echarts/lib/echarts');
// 引入折线图
require('echarts/lib/chart/line');
// 引入柱状图
require('echarts/lib/chart/bar');
// 引入饼图
require('echarts/lib/chart/pie');
// 引入提示框和标题组件
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
require('echarts/lib/component/legend');

柱状图示例:

以下是一个简单的柱状图示例：