地图涟漪效果

最新推荐文章于 2024-01-03 13:56:45 发布

CJW-Coder

最新推荐文章于 2024-01-03 13:56:45 发布

阅读量604

点赞数

分类专栏：前端其他文章标签： echarts

本文链接：https://blog.csdn.net/qq_42143163/article/details/98657435

版权

这篇博客介绍了如何利用Echarts实现地图上的涟漪效果。首先，由于官方已不提供china.js下载，作者分享了一个百度网盘的链接供下载。接着，博主简单概述了使用方法，并提示直接运行Echarts官网示例即可体验。

摘要由CSDN通过智能技术生成

1.下载插件echarts.js 插件但是china.js echarts 公司不提供下载了，我保存的有下载链接链接：https://pan.baidu.com/s/1aVKtcoghg6YN6UoBqDY5oQ
提取码：yi7r
复制这段内容后打开百度网盘手机App，操作更方便哦
在这里插入图片描述
2.下面是使用方法

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
	</head>
	<body>
		<div id="main" style="width: 600px;height:600px ;margin: 100px auto;"></div>
		<script src="libs/echarts/echarts.js"></script>
		<script src="libs/echarts/china.js"></script>
		<script type="text/javascript">
			var data = [{
   
					name: '海门',
					value: 9
				},
				{
   
					name: '鄂尔多斯',
					value: 12
				},
				{
   
					name: '招远',
					value: 12
				},
				{
   
					name: '舟山',
					value: 12
				},
				{
   
					name: '齐齐哈尔',
					value: 14
				},
				{
   
					name: '盐城',
					value: 15
				},
				{
   
					name: '赤峰',
					value: 16
				},
				{
   
					name: '青岛',
					value: 18
				},
				{
   
					name: '乳山',
					value: 18
				},
				{
   
					name: '金昌',
					value: 19
				},
				{
   
					name: '泉州',
					value: 21
				},
				{
   
					name: '莱西',
					value: 21
				},
				{
   
					name: '日照',
					value: 21
				},
				{
   
					name: '胶南',
					value: 22
				},
				{
   
					name: '南通',
					value: 23
				},
				{
   
					name: '拉萨',
					value: 24
				},
				{
   
					name: '云浮',
					value: 24
				},
				{
   
					name: '梅州',
					value: 25
				},
				{
   
					name: '文登',
					value: 25
				},
				{
   
					name: '上海',
					value: 25
				},
				{
   
					name: '攀枝花',
					value: 25
				},
				{
   
					name: '威海',
					value: 25
				},
				{
   
					name: '承德',
					value: 25
				},
				{
   
					name: '厦门',
					value: 26
				},
				{
   
					name: '汕尾',
					value: 26
				},
				{
   
					name: '潮州',
					value: 26
				},
				{
   
					name: '丹东',
					value: 27
				},
				{
   
					name: '太仓',
					value: 27
				},
				{
   
					name: '曲靖',
					value: 27
				},
				{
   
					name: '烟台',
					value: 28
				},
				{
   
					name: '福州',
					value: 29
				},
				{
   
					name: '瓦房店',
					value: 30
				},
				{
   
					name: '即墨',
					value: 30
				},
				{
   
					name: '抚顺',
					value: 31
				},
				{
   
					name: '玉溪',
					value: 31
				},
				{
   
					name: '张家口',
					value: 31
				},
				{
   
					name: '阳泉',
					value: 31
				},
				{
   
					name: '莱州',
					value: 32
				},
				{
   
					name: '湖州',
					value: 32
				},
				{
   
					name: '汕头',
					value: 32
				},
				{
   
					name: '昆山',
					value: 33
				},
				{
   
					name: '宁波',
					value: 33
				},
				{
   
					name: '湛江',
					value: 33
				},
				{
   
					name: '揭阳',
					value: 34
				},
				{
   
					name: '荣成',
					value: 34
				},
				{
   
					name: '连云港',
					value: 35
				},
				{
   
					name: '葫芦岛',
					value: 35
				},
				{
   
					name: '常熟',
					value: 36
				},
				{
   
					name: '东莞',
					value: 36
				},
				{
   
					name: '河源',
					value: 36
				},
				{
   
					name: '淮安',
					value: 36
				},
				{
   
					name: '泰州',
					value: 36
				},
				{
   
					name: '南宁',
					value: 37
				},
				{
   
					name: '营口',
					value: 37
				},
				{
   
					name: '惠州',
					value: 37
				},
				{
   
					name: '江阴',
					value: 37
				},
				{
   
					name: '蓬莱',
					value: 37
				},
				{
   
					name: '韶关',
					value: 38
				},
				{
   
					name: '嘉峪关',
					value: 38
				},
				{
   
					name: '广州',
					value: 38
				},
				{
   
					name: '延安',
					value: 38
				},
				{
   
					name: '太原',
					value: 39
				},
				{
   
					name: '清远',
					value: 39
				},
				{
   
					name: '中山',
					value: 39
				},
				{
   
					name: '昆明',
					value: 39
				},
				{
   
					name: '寿光',
					value: 40
				},
				{
   
					name: '盘锦',
					value: 40
				},
				{
   
					name: '长治',
					value: 41
				},
				{
   
					name: '深圳',
					value: 41
				},
				{
   
					name: '珠海',
					value: 42
				},
				{
   
					name: '宿迁',
					value: 43
				},
				{
   
					name: '咸阳',
					value: 43
				},
				{
   
					name: '铜川',
					value: 44
				},
				{
   
					name: '平度',
					value: 44
				},
				{<

最低0.47元/天解锁文章