空值的地图区块 | JShare

// Instanciate the map
Highcharts.mapChart('container', {
	chart : {
		borderWidth : 1
	},
	title : {
		text : '北欧国家'
	},
	subtitle : {
		text : '只高亮有数据的区块'
	},
	legend: {
		enabled: false
	},
	series : [{
		name: 'Country',
		mapData: Highcharts.maps['custom/europe'],
		data: [{
			code: 'IS',
			value: 1
		}, {
			code: 'NO',
			value: 1
		}, {
			code: 'SE',
			value: 1
		}, {
			code: 'FI',
			value: 1
		}, {
			code: 'DK',
			value: 1
		}],
		joinBy: ['iso-a2', 'code'],
		dataLabels: {
			enabled: true,
			color: 'white',
			formatter: function () {
				if (this.point.value) {
					return this.point.name;
				}
			}
		},
		tooltip: {
			headerFormat: '',
			pointFormat: '{point.name}'
		}
	}]
});

<!-- 所有地图数据详情见：https://img.hcharts.cn/mapdata/index.html -->
<script src="https://img.hcharts.cn/mapdata/custom/europe.js"></script>
<div id="container" style="height: 500px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>

{"doctype":0,"resouces":"30,7","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":"<link rel=\"icon\" href=\"https://jscdn.com.cn/highcharts/images/favicon.ico\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"}

空值的地图区块 | JShare

模板（查看所有模板）