echarts map

<div id="container" style="height: 100%"></div>
			<script type="text/javascript" src="js/echarts.min.js"></script>
			<script type="text/javascript" src="js/china.js"></script>
			<script type="text/javascript">
				
				var dom = document.getElementById("container");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
					title: {
						text: '中国GDP(2018)',
						sublink: 'http://esa.un.org/wpp/Excel-Data/population.htm',
						left: 'center',
						top: 'top'
					},
					tooltip: {
						trigger: 'item',
						formatter: '{a}: <br />{b}: {c}'
					
					},
					toolbox: {
						show: true,
						orient: 'vertical',
						left: 'right',
						top: 'center',
						feature: {
							mark: {
								show: true
							},
							dataView: {
								show: true,
								readOnly: false
							},
							restore: {
								show: true
							},
							saveAsImage: {
								show: true
							}
						}
					},
					visualMap: {
						type: 'continuous',
						min: 0,
						max: 100000,
						text: ['High', 'Low'],
						realtime: false,
						calculable: true,
						color: ['orangered', 'yellow', 'lightskyblue']
					},
					series: [{
						name: '中国GDP(2018)',
						type: 'map',
						mapType: 'china',
						roam: true,
						itemStyle: {
							emphasis: {
								label: {
									show: true
								}
							}
						},
						data: [{
								name: '广东',
								value: 89879.23
							}, {
								name: '江苏',
								value: 85900.9
							}, {
								name: '山东',
								value: 72678.18
							}, {
								name: '浙江',
								value: 51768.1
							}, {
								name: '河南',
								value: 44988.16
							}, {
								name: '四川',
								value: 36980.2
							}, {
								name: '湖北',
								value: 36522.95
							}, {
								name: '河北',
								value: 36000.1
							}, {
								name: '湖南',
								value: 34590.56
							}, {
								name: '福建',
								value: 32298.28
							}, {
								name: '上海',
								value: 30133.86
							}, {
								name: '北京',
								value: 28000.4
							}, {
								name: '安徽',
								value: 27518.7
							}, {
								name: '辽宁',
								value: 23942,
							}, {
								name: '陕西',
								value: 21898.81
							}, {
								name: '内蒙古',
								value: 20853.224
							}, {
								name: '江西',
								value: 20818.5
							}, {
								name: '广西',
								value: 20396.25
							}, {
								name: '天津',
								value: 18595.38
							}, {
								name: '重庆',
								value: 17500.27
							}, {
								name: '黑龙江',
								value: 16199.9
							}, {
								name: '吉林',
								value: 15288.94
							}, {
								name: '云南',
								value: 15088.36
							}, {
								name: '山西',
								value: 14973.5
							}, {
								name: '贵州',
								value: 13540.83
							}, {
								name: '新疆',
								value: 10920.1
							}, {
								name: '甘肃',
								value: 7677.1
							}, {
								name: '海南',
								value: 4462.54
							}, {
								name: '宁夏',
								value: 3453.93
							}, {
								name: '青海',
								value: 2642.80
							}, {
								name: '西藏',
								value: 1310.6
							}, {
								name: '台湾',
								value: 900.1
							}, {
								name: '南海诸岛',
								value: 800.1
							}, {
								name: '香港',
								value: 6800.1
							}, {
								name: '澳门',
								value: 8800.1
							}

						]
					}]
				};
				if(option && typeof option === "object") {
					myChart.setOption(option, true);
				} else {
					myChart.setOption(option, false);
				}
			</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值