TV.kanbanUI.git

			@@ -5,14 +5,24 @@
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>中国地图</title>


			<style>
			body{
			font-family: Arial, "Microsoft YaHei";
			background-color: #000000;
			padding: 20px 10px 10px 10px;
			color: #F0F0F0;
			}
			#chinamap{
			height: 1000px;
			}
			</style>

			</head>

			<body>
			<div id="chinamap"></div>




			</body>

			</html>
			@@ -20,10 +30,10 @@
			<script src='js/echarts.min.js'></script>
			<script src='js/china.js'></script>
			<script>
			$("#chinamap").height($(window).height() - 0);
			//$("#chinamap").height($(window).height() - 0);
			$(function () {




			var myChart = echarts.init(document.getElementById('chinamap'));
			chinadatas(myChart);
			//根据窗口的大小变动图表 --- 重点
			@@ -32,7 +42,7 @@
			}
			})
			function chinadatas(myChart) {


			var chinaGeoCoordMap = {
			'黑龙江': [127.9688, 45.368],
			'内蒙古': [110.3467, 41.4899],
			@@ -67,93 +77,93 @@
			'上海': [121.4648, 31.2891]
			};
			var chinaDatas = [
			[{
			name: '黑龙江',
			value: 0
			}], [{
			name: '内蒙古',
			value: 0
			}], [{
			name: '吉林',
			value: 0
			}], [{
			name: '辽宁',
			value: 0
			}], [{
			name: '河北',
			value: 0
			}], [{
			name: '天津',
			value: 0
			}], [{
			name: '山西',
			value: 0
			}], [{
			name: '陕西',
			value: 0
			}], [{
			name: '甘肃',
			value: 0
			}], [{
			name: '宁夏',
			value: 0
			}], [{
			name: '青海',
			value: 0
			}], [{
			name: '新疆',
			value: 0
			}], [{
			name: '西藏',
			value: 0
			}], [{
			name: '四川',
			value: 0
			}], [{
			name: '重庆',
			value: 0
			}], [{
			name: '山东',
			value: 0
			}], [{
			name: '河南',
			value: 0
			}], [{
			name: '江苏',
			value: 0
			}], [{
			name: '安徽',
			value: 0
			}], [{
			name: '湖北',
			value: 0
			}], [{
			name: '浙江',
			value: 0
			}], [{
			name: '福建',
			value: 0
			}], [{
			name: '江西',
			value: 0
			}], [{
			name: '湖南',
			value: 0
			}], [{
			name: '贵州',
			value: 0
			}], [{
			name: '广西',
			value: 0
			}], [{
			name: '海南',
			value: 0
			}], [{
			name: '上海',
			value: 1
			}]
			[{
			name: '黑龙江',
			value: 0
			}], [{
			name: '内蒙古',
			value: 0
			}], [{
			name: '吉林',
			value: 0
			}], [{
			name: '辽宁',
			value: 0
			}], [{
			name: '河北',
			value: 0
			}], [{
			name: '天津',
			value: 0
			}], [{
			name: '山西',
			value: 0
			}], [{
			name: '陕西',
			value: 0
			}], [{
			name: '甘肃',
			value: 0
			}], [{
			name: '宁夏',
			value: 0
			}], [{
			name: '青海',
			value: 0
			}], [{
			name: '新疆',
			value: 0
			}], [{
			name: '西藏',
			value: 0
			}], [{
			name: '四川',
			value: 0
			}], [{
			name: '重庆',
			value: 0
			}], [{
			name: '山东',
			value: 0
			}], [{
			name: '河南',
			value: 0
			}], [{
			name: '江苏',
			value: 0
			}], [{
			name: '安徽',
			value: 0
			}], [{
			name: '湖北',
			value: 0
			}], [{
			name: '浙江',
			value: 0
			}], [{
			name: '福建',
			value: 0
			}], [{
			name: '江西',
			value: 0
			}], [{
			name: '湖南',
			value: 0
			}], [{
			name: '贵州',
			value: 0
			}], [{
			name: '广西',
			value: 0
			}], [{
			name: '海南',
			value: 0
			}], [{
			name: '上海',
			value: 1
			}]
			];


			var convertData = function (data) {
			var res = [];
			for (var i = 0; i < data.length; i++) {
			@@ -232,42 +242,42 @@
			};
			}),
			},
			//被攻击点
			{
			type: 'scatter',
			coordinateSystem: 'geo',
			zlevel: 2,
			rippleEffect: {
			period: 4,
			brushType: 'stroke',
			scale: 4
			},
			label: {
			normal: {
			show: true,
			position: 'right',
			//offset:[5, 0],
			color: '#0f0',
			formatter: '{b}',
			textStyle: {
			color: "#0f0"
			}
			},
			emphasis: {
			show: true,
			color: "#f60"
			//被攻击点
			{
			type: 'scatter',
			coordinateSystem: 'geo',
			zlevel: 2,
			rippleEffect: {
			period: 4,
			brushType: 'stroke',
			scale: 4
			},
			label: {
			normal: {
			show: true,
			position: 'right',
			//offset:[5, 0],
			color: '#0f0',
			formatter: '{b}',
			textStyle: {
			color: "#0f0"
			}
			},
			symbol: 'pin',
			symbolSize: 50,
			data: [{
			name: item[0],
			value: chinaGeoCoordMap[item[0]].concat([10]),
			}],
			}
			emphasis: {
			show: true,
			color: "#f60"
			}
			},
			symbol: 'pin',
			symbolSize: 50,
			data: [{
			name: item[0],
			value: chinaGeoCoordMap[item[0]].concat([10]),
			}],
			}
			);
			});


			option = {
			tooltip: {
			trigger: 'item',
			@@ -287,7 +297,7 @@
			return res;
			}
			},
			backgroundColor: "#013954",
			backgroundColor: "#000000;",
			visualMap: { //图例值控制
			min: 0,
			max: 1,
			@@ -322,6 +332,6 @@
			};
			myChart.setOption(option);
			}




			</script>