装置 echarts 包
npm install echarts --save
全局引入 –main.js
// 引入 echarts
import echarts from 'echarts'
// 全局注入 echarts
Vue.prototype.$echarts = echarts
vue 页面中应用办法
this.$echarts.init(..)
页面按需引入
// 引入 echarts 模块
const echarts = require('echarts/lib/echarts')
// 引入须要的图表类型,柱状图和雷达图
require('echarts/lib/chart/bar')
require('echarts/lib/chart/radar')
// 引入提示框和 title 组件,图例
require('echarts/lib/component/tooltip')
require('echarts/lib/component/title')
require('echarts/lib/component/legend')
vue 页面中应用办法
echarts.init(..)
如果呈现图片中的报错信息的话,须要加上以下两句
import {GridComponent} from 'echarts/components'
echarts.use(GridComponent)
好啦,echarts 按需引入就实现了,打包时会发现文件放大了很多。