wyb
2021-05-13 97ee82170aa33fd404b2377c414347a905ec2c09
地图表头数据绑定
1个文件已修改
166 ■■■■ 已修改文件
HDMap.html 166 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
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)];
                            },