echarts中国地图显示，涟漪效果vue版本

1.先全局下载echarts npm install echarts --save
2. 在vue 中引入
import echarts from ‘echarts’

import ‘echarts/map/js/china’
3.效果图

4.主要代码

<template>
	<div >
		<div id="main" style="width: 600px;height:600px ;margin: 100px auto;"></div>
	</div>
</template>

<script>
	import echarts from 'echarts'
	import 'echarts/map/js/china'
	export default {
   
		mounted() {
   
			var data = [
				{
   
					name:'沈阳',
					value:100
				},
				{
   
					name:'长春',
					value:101
				},
				{
   
					name:'哈尔滨',
					value:150
				},
				{
   
					name:'北京',
					value:100
				},
				{
   
					name:'天津',
					value:100
				},
				{
   
					name:'呼和浩特',
					value:151
				},
				{
   
					name:'银川',
					value:151
				},
				{
   
					name:'太原',
					value:151
				},
				{
   
					name:'石家庄',
					value:151
				},
				{
   
					name:'济南',
					value:151
				},
				{
   
					name:'郑州',
					value:151
				},
				{
   
					name:'西安',
					value:151
				},
				{
   
					name:'武汉',
					value:151
				},
				{
   
					name:'南京',
					value:151
				},
				{
   
					name:'合肥',
					value:151
				},
				{
   
					name:'上海',
					value:151
				},
				{
   
					name:'长沙',
					value:151
				},
				{
   
					name:'南昌',
					value