| | |
| | | <div class="shuju shuju1"> |
| | | <div class="shuju_cont"> |
| | | <div class="shuju_item"> |
| | | <h2>130+</h2> |
| | | <h2 id="dq"></h2> |
| | | <p>服务国家和地区</p> |
| | | </div> |
| | | </div> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | $("#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 = { |
| | |
| | | |
| | | |
| | | $(function () { |
| | | |
| | | |
| | | var mychart1 = echarts.init(document.getElementById('zzt')); |
| | | aa(mychart1); |
| | | //根据窗口的大小变动图表 --- 重点 |
| | | window.onresize = function () { |
| | | myChart1.resize(); |
| | | } |
| | | MapTabledata(); |
| | | }) |
| | | function aa(mychart1) { |
| | | |
| | |
| | | ]; |
| | | // return colorList[params.dataIndex] |
| | | |
| | | console.log("111", params.name); //打印序列 |
| | | //console.log("111", params.name); //打印序列 |
| | | return colorList[jdData[0].indexOf(params.name)]; |
| | | }, |
| | | |