广西GDP符号地图

最新推荐文章于 2024-07-21 20:16:29 发布

梦兮呀

最新推荐文章于 2024-07-21 20:16:29 发布

阅读量358

点赞数 8

文章标签： echarts

本文链接：https://blog.csdn.net/isluya/article/details/135351011

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中国广西地图</title>
		<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/guangxiMap.js" type="text/javascript"></script>
		<script src="gxciy_convert.js" type="text/javascript"></script>
	</head>
	<body>
		
		<div id="main" style="width: 600px; height:400px;"></div>
		<script type="text/javascript">
			
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));
			
			var option = {
				geo:{
					type:'map',
					map:'gx',
					roam:true
				},
				series:[
					{
						data:[],
						type:'scatter',
						coordinateSystem:'geo',
						symbolSize:function(args){
							return Math.sqrt(args[2])/4
						}
					}
				],
			};
			$.get('data/2020gxGDP.json',function(result){
				console.log(result)
				option.series[0].data = converData(result)
				// 使用刚指定的配置项和数据显示图表。
				myChart.setOption(option);
			})
			
		</script>
		
	</body>
</html>