在vue中使用echarts,echarts-map:echarts画地图

1、首先安装:cnpm install echarts --save

2、然后main.js引入(也可以组件内引入)

// 引入ECharts图表公共组件
import echarts from 'echarts'
Vue.prototype.$echarts = echarts 

3、再然后我们来画个折线图,长这个样子,单纯的折线图哈

在vue中使用echarts,echarts-map:echarts画地图_第1张图片

3.1、接下来是折线图的代码



4、再接下来我们来画地图,长这个样子,鼠标放到每个区域上会显示内容

在vue中使用echarts,echarts-map:echarts画地图_第2张图片

4.1、地图的代码







 

5、最后就没有然后了,直接看代码哈我就不一步一步拆开描述了,我相信对vue的人都能看懂,加油!!!

6、放个源码git链接,里面还有个柱形图:https://gitee.com/songtaohong/echarts.git

拜拜了,下班

你可能感兴趣的:(vue插件使用)