Vue2.0 按需引入echarts_vue2 引入echart

本文主要介绍Vue项目按需引入echarts图标工具，包含了echarts基础模块、折线图、柱状图、饼图、提示框、title框、图例等。

一、安装echarts包

npm install echarts -S
1

二、按需引入

在根目录下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
1
2
3
4
5
6
7
8
9
10
11
12
13

三、全局引入

在根目录下mian.js引入

import echarts from 'echarts' //引入echarts
Vue.prototype.$echarts = echarts //引入组件
1
2

四、使用方式和效果

请点击链接查看【>>>使用方式】