Vue引入echarts使用教程

前言

本文将介绍如何在vue project中引入echarts，在引入echarts之前首先需要添加echarts的依赖包。

• vue2.0框架添加方法。

npm install echarts

• vue3.0框架添加方法。

npm add echarts

全局引入

在全局引入，需要在main.js文件中，引入echarts。

1. 全部引入

import echarts from 'echarts

Vue.prototype.$echarts = echarts

2. 按需引入

// echarts 按需引入
let echarts2 = require('echarts/lib/echarts')

// 引入折线图等组件
require('echarts/lib/chart/line')
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.prototype.$echarts2 = echarts2

局部引入

局部引入echarts就是在单个vu