From 97ee82170aa33fd404b2377c414347a905ec2c09 Mon Sep 17 00:00:00 2001
From: wyb <1qaz@123>
Date: 星期四, 13 五月 2021 17:14:08 +0800
Subject: [PATCH] 地图表头数据绑定
---
HDMap.html | 166 +++++++++++++-----------------------------------------
1 files changed, 41 insertions(+), 125 deletions(-)
diff --git a/HDMap.html b/HDMap.html
index 8d2f8c7..a7851a6 100644
--- a/HDMap.html
+++ b/HDMap.html
@@ -33,7 +33,7 @@
<div class="shuju shuju1">
<div class="shuju_cont">
<div class="shuju_item">
- <h2>130+</h2>
+ <h2 id="dq"></h2>
<p>鏈嶅姟鍥藉鍜屽湴鍖�</p>
</div>
</div>
@@ -41,7 +41,7 @@
<div class="shuju shuju2">
<div class="shuju_cont">
<div class="shuju_item">
- <h2 class="AllCount">191765</h2>
+ <h2 class="AllCount" id="AllCount"></h2>
<p>鍏ㄧ悆娉ㄥ唽瀹㈡埛(浜�)</p>
</div>
</div>
@@ -49,7 +49,7 @@
<div class="shuju shuju3">
<div class="shuju_cont">
<div class="shuju_item">
- <h2 class="CurrentMonthReg">8265</h2>
+ <h2 class="CurrentMonthReg" id="CurrentMonthReg"></h2>
<p>鍏ㄧ悆鏂板瀹㈡埛(浜�)</p>
</div>
</div>
@@ -57,7 +57,7 @@
<div class="shuju shuju4">
<div class="shuju_cont">
<div class="shuju_item">
- <h2 class="CurMonthOrder">16185</h2>
+ <h2 class="CurMonthOrder" id="CurMonthOrder"></h2>
<p>鍏ㄧ悆涓嬪崟瀹㈡埛(浜�)</p>
</div>
</div>
@@ -65,7 +65,7 @@
<div class="shuju shuju2">
<div class="shuju_cont">
<div class="shuju_item">
- <h2 class="CurMonthMoney">120+</h2>
+ <h2 class="CurMonthMoney" id="CurMonthMoney"></h2>
<p>鍏ㄧ悆閿�鍞(RMB)</p>
</div>
</div>
@@ -73,7 +73,7 @@
<div class="shuju shuju3">
<div class="shuju_cont">
<div class="shuju_item">
- <h2 class="CurMonthFileCount">69410</h2>
+ <h2 class="CurMonthFileCount" id="CurMonthFileCount"></h2>
<p>鍏ㄧ悆鏂囦欢(娆�)</p>
</div>
</div>
@@ -81,7 +81,7 @@
<div class="shuju shuju4">
<div class="shuju_cont">
<div class="shuju_item">
- <h2 class="CurMonthArea">85002</h2>
+ <h2 class="CurMonthArea" id="CurMonthArea"></h2>
<p>鍏ㄧ悆闈㈢Н(銕�)</p>
</div>
</div>
@@ -110,126 +110,39 @@
$("#map_1").height($(window).height() - 0);
window.onload = function () {
//$(".shuju_box").width($(".shuju").outerWidth(true)*$(".shuju").length)
- }
+ }
+ var countdata;
+ function MapTabledata() {
+ $.ajax({
+ url: "http://localhost:12298/api/loaddata/MapTableData",
+ dataType: "JSON",
+ async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
+ type: "Get",
+ success: function (data) {
+
+ console.log("鍦板浘琛ㄥご鏁版嵁" + data.data[0][0]["HValue"]);
+ $("#dq").html(data.data[0][0]["HValue"] + "+");
+ $("#AllCount").html(data.data[0][1]["HValue"]);
+ $("#CurrentMonthReg").html(data.data[0][2]["HValue"]);
+ $("#CurMonthOrder").html(data.data[0][3]["HValue"]);
+ $("#CurMonthMoney").html(data.data[0][4]["HValue"] + "+");
+ $("#CurMonthFileCount").html(data.data[0][5]["HValue"]);
+ $("#CurMonthArea").html(data.data[0][6]["HValue"]);
+
+ countdata = JSON.stringify(data.data[1]);//鍦板浘鏁版嵁
+ console.log("鍦板浘鏁版嵁" + countdata);
+ },
+ error: function (e) {
+
+ }
+ })
+
+ }
var WorldMapData = {
Init: function () {
- var data = [
- { name: '鍒氭灉姘戜富鍏卞拰鍥�', value: 5 },
- { name: '娉曞浗', value: 882 },
- { name: '棣欐腐', value: 34 },
- { name: '鎰忓ぇ鍒� ', value: 2118 },
- { name: '鏂拌タ鍏� ', value: 270 },
- { name: '鏂板姞鍧� ', value: 126 },
- { name: '瑗跨彮鐗�', value: 971 },
- { name: '鐟炲＋ ', value: 602 },
- { name: '闃垮皵宸村凹浜�', value: 15 },
- { name: '鏅哄埄', value: 57 },
- { name: '涓浗', value: 999 },
- { name: '鍒氭灉', value: 1 },
- { name: '涓归害', value: 314 },
- { name: '鏍奸櫟鍏板矝', value: 1 },
- { name: '鍖堢墮鍒�', value: 1060 },
- { name: '鏃ユ湰', value: 619 },
- { name: '闊╁浗', value: 232 },
- { name: '椹叾椤垮叡鍜屽浗', value: 6 },
- { name: '姣涢噷姹傛柉', value: 1 },
- { name: '涔屽共杈�', value: 1 },
- { name: '涔屽厠鍏�', value: 256 },
- { name: '姣斿埄鏃�', value: 431 },
- { name: '娉㈡柉灏间簹鍜岄粦濉炲摜缁撮偅', value: 4 },
- { name: '澶氱背灏煎姞鍏卞拰鍥�', value: 4 },
- { name: '寰峰浗', value: 2231 },
- { name: '鍗卞湴椹媺', value: 1 },
- { name: '浠ヨ壊鍒�', value: 162 },
- { name: '鍝堣惃鍏嬫柉鍧�', value: 3 },
- { name: '绉戝▉鐗�', value: 2 },
- { name: '鑰佹対', value: 3 },
- { name: '鐟炲吀', value: 268 },
- { name: '濂ュ湴鍒�', value: 626 },
- { name: '瀛熷姞鎷夊浗', value: 3 },
- { name: '淇濆姞鍒╀簹', value: 300 },
- { name: '鎹峰厠鍏卞拰鍥�', value: 1789 },
- { name: '鍘勭摐澶氬皵', value: 8 },
- { name: '鐖辨矙灏间簹', value: 15 },
- { name: '鐖卞皵鍏�', value: 75 },
- { name: '涔斾腹', value: 8 },
- { name: '绔嬮櫠瀹�', value: 164 },
- { name: '椹�充粬', value: 8 },
- { name: '缃楅┈灏间簹', value: 90 },
- { name: '濉炲皵缁翠簹鍏卞拰鍥�', value: 57 },
- { name: '鏂礇浼愬厠', value: 284 },
- { name: '鑻卞浗', value: 1581 },
- { name: '涔屾媺鍦�', value: 3 },
- { name: '鏂囪幈', value: 4 },
- { name: '鍝ヤ鸡姣斾簹', value: 2 },
- { name: '鍔犵撼', value: 13 },
- { name: '浼婃媺鍏�', value: 1 },
- { name: '鐗欎拱鍔�', value: 1 },
- { name: '鍒楁敮鏁﹀＋鐧�', value: 10 },
- { name: '澧ㄨタ鍝�', value: 462 },
- { name: '鎽╂礇鍝�', value: 3 },
- { name: '鎸▉', value: 173 },
- { name: '绉橀瞾', value: 18 },
- { name: '娉㈠叞', value: 2230 },
- { name: '娉㈠榛庡悇', value: 1 },
- { name: '娉板浗', value: 764 },
- { name: '鍦熻�冲叾', value: 170 },
- { name: '闃挎牴寤�', value: 144 },
- { name: '婢冲ぇ鍒╀簹', value: 846 },
- { name: '鍩冨強', value: 10 },
- { name: '甯岃厞', value: 287 },
- { name: '鍗板害', value: 108 },
- { name: '鎷夎劚缁翠簹', value: 47 },
- { name: '鍗㈡．鍫�', value: 3 },
- { name: '鑿插緥瀹�', value: 55 },
- { name: '钁¤悇鐗�', value: 394 },
- { name: '鍗″灏�', value: 1 },
- { name: '娌欑壒闃挎媺浼�', value: 7 },
- { name: '濉炲唴鍔犲皵', value: 2 },
- { name: '鍗楅潪', value: 158 },
- { name: '鏂噷鍏板崱', value: 17 },
- { name: '闃挎媺浼仈鍚堥厠闀垮浗', value: 13 },
- { name: '缇庡浗', value: 5302 },
- { name: '浜氱編灏间簹', value: 5 },
- { name: '宸磋タ', value: 645 },
- { name: '鍔犻偅鍒╃兢宀�', value: 3 },
- { name: '鍝ユ柉杈鹃粠鍔�', value: 3 },
- { name: '鑺叞', value: 157 },
- { name: '鍐板矝', value: 10 },
- { name: '榛庡反瀚�', value: 2 },
- { name: '椹潵瑗夸簹', value: 79 },
- { name: '宸村熀鏂潶', value: 9 },
- { name: '鏂礇鏂囧凹浜�', value: 414 },
- { name: '鍙版咕', value: 166 },
- { name: '濮斿唴鐟炴媺', value: 6 },
- { name: '娲ュ反甯冮煢', value: 1 },
- { name: '鐧戒縿缃楁柉', value: 102 },
- { name: '鍠�楹﹂殕', value: 9 },
- { name: '鍔犳嬁澶�', value: 1072 },
- { name: '鍏嬬綏鍦颁簹', value: 82 },
- { name: '鏍奸瞾鍚変簹', value: 10 },
- { name: '鍗板害灏艰タ浜�', value: 213 },
- { name: '浼婃湕', value: 4 },
- { name: '鑲凹浜�', value: 2 },
- { name: '鑽峰叞', value: 718 },
- { name: '灏兼棩鍒╀簹', value: 25 },
- { name: '淇勭綏鏂�', value: 258 },
- { name: '瓒婂崡', value: 118 },
- { name: '闃垮皵鍙婂埄浜�', value: 2 },
- { name: '姣涢噷濉斿凹浜�', value: 2 },
- { name: '椹噷', value: 2 },
- { name: '灏兼棩灏�', value: 2 },
- { name: '鑻忎腹', value: 2 },
- { name: '鍒╂瘮浜�', value: 2 },
- { name: '瀹夊摜鎷�', value: 2 },
- { name: '鐜诲埄缁翠簹', value: 2 },
- { name: '宸存媺鍦�', value: 2 },
- { name: '绾崇背姣斾簹', value: 2 },
- { name: '涔嶅緱', value: 2 },
- { name: '鍩冨淇勬瘮浜�', value: 2 },
- { name: '涓潪', value: 2 },
- ];
+ console.log("INIT" + countdata);
+ var data = countdata;
var option = {
@@ -500,12 +413,15 @@
$(function () {
+
+
var mychart1 = echarts.init(document.getElementById('zzt'));
aa(mychart1);
//鏍规嵁绐楀彛鐨勫ぇ灏忓彉鍔ㄥ浘琛� --- 閲嶇偣
window.onresize = function () {
myChart1.resize();
}
+ MapTabledata();
})
function aa(mychart1) {
@@ -706,7 +622,7 @@
];
// return colorList[params.dataIndex]
- console.log("111", params.name); //鎵撳嵃搴忓垪
+ //console.log("111", params.name); //鎵撳嵃搴忓垪
return colorList[jdData[0].indexOf(params.name)];
},
--
Gitblit v1.9.1