本文主要介绍Vue项目按需引入echarts图标工具,包含了echarts基础模块、折线图、柱状图、饼图、提示框、title框、图例等。
一、安装echarts包
npm install echarts -S
二、按需引入
在根目录下main.js引入
// 引入 ECharts 主模块
let echarts = require('echarts/lib/echarts');
// 引入折线图/柱状图/饼图组件
require('echarts/lib/chart/line');
require('echarts/lib/chart/bar');
require('echarts/lib/chart/radar');
// 引入提示框和title组件、lengend组件、图例滚动
require('echarts/lib/component/tooltip');
require('echarts/lib/component/title');
require('echarts/lib/component/legend');
require('echarts/lib/component/legendScroll');
//vue全局注入echarts
Vue.prototype.$echarts = echarts