地图动态渲染数据完成

wyb

2021-05-13 673f15696bbaeaa67356f990dc18b36ff49deea1

地图动态渲染数据完成

 HDMap.html

@@ -113,35 +113,55 @@

    }
    var countdata;
    function MapTabledata() {
        $.ajax({
            url: "http://localhost:12298/api/loaddata/MapTableData",
            dataType: "JSON",
            async: false,//使用同步的方式,true为异步方式
            type: "Get",
            success: function (data) {
    var maparry1 = [];
    var maparry2 = [];
    var maparry3 = [];
    var maparry4 = [];

                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) {

    $.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 = data.data[1];//地图数据
            console.log("地图数据" + countdata);
            for (var j = 0; j < 3; j++) {
                $.each(data.data[1], function (index, val) {
                    maparry2.push(val.name);
                    maparry4.push(val.value + Math.random() * 100);
                });
                maparry1.push(maparry2);//将添加好的name值在填充到数组一里
                maparry3.push(maparry4);//将添加好的value值填充到数组里
                maparry2 = [];
                maparry4 = [];
            }
        })
            // console.log("zhuzhuang" + maparry1);
            // console.log("zhuzhuang2" + maparry3);

    }
        },
        error: function (e) {

        }
    })


    var WorldMapData = {
        Init: function () {
            console.log("INIT" + countdata);
            // console.log("INIT" + countdata);

            var data = countdata;


@@ -421,21 +441,14 @@
        window.onresize = function () {
            myChart1.resize();
        }
        MapTabledata();
    })
    function aa(mychart1) {

        console.log(maparry1)
        console.log(maparry3)
        var years = ['2019', '2020', '2021'];
        var jdData = [
            ['中  国', '美  国', '加拿大', '俄罗斯', '丹  麦', '蒙  古', '印度尼西亚', '马来西亚', '菲律宾', '新加坡', '泰  国', '印  度', '越  南', '缅  甸', '朝  鲜', '巴基斯坦', '俄罗斯'],
            ['中  国', '美  国', '加拿大', '俄罗斯', '丹  麦', '蒙  古', '印度尼西亚', '马来西亚', '菲律宾', '新加坡', '泰  国', '印  度', '越  南', '缅  甸', '朝  鲜', '巴基斯坦', '俄罗斯'],
            ['中  国', '美  国', '加拿大', '俄罗斯', '丹  麦', '蒙  古', '印度尼西亚', '马来西亚', '菲律宾', '新加坡', '泰  国', '印  度', '越  南', '缅  甸', '朝  鲜', '巴基斯坦', '俄罗斯']
        ]
        var data = [
            [66666, 555, 333, 233, 123, 111, 4779, 456, 567, 90, 567, 89, 123, 234, 345, 534, 567],
            [666, 555, 333, 72, 23, 111, 2133, 456, 627, 567, 123, 234, 567, 1567, 678, 757, 890],
            [6666, 777, 333, 221, 45, 1111, 35, 567, 768, 1273, 345, 567, 8920, 890, 3245, 975, 345,],
        ];
        var jdData = maparry1;

        var data = maparry3;

        option = {