From 271cc47789e1adb828ffa598f25b3d96838662bf Mon Sep 17 00:00:00 2001
From: YL <YL@LAPTOP-SE03PLUR>
Date: 星期三, 26 五月 2021 08:41:19 +0800
Subject: [PATCH] 叫料看板加下拉框
---
HDChinaMap.html | 268 +++++++++++++++++++++++++++-------------------------
1 files changed, 139 insertions(+), 129 deletions(-)
diff --git a/HDChinaMap.html b/HDChinaMap.html
index 59238e1..aea87ed 100644
--- a/HDChinaMap.html
+++ b/HDChinaMap.html
@@ -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>
\ No newline at end of file
--
Gitblit v1.9.1