var district = AUTH.user.area;
var userType = AUTH.user.userType;
var industry = AUTH.user.industry;
var win = null;
//窗口大小变化时延时刷新图表大小
$(window).resize(function () {
    var width = $(window).width();
    $('#chartdiv').width(width - 150);
    winResize();
});

function winResize() {
    var width = $(window).width();
    var height = $(window).height();
    var left = (width - 900) / 2;
    var top = 80;
    $('.panel.window').css({
        'left': left + 'px'
    });
    $('.window-shadow').css({
        'left': left + 'px'
    });
}

$(document).ready(function () {

    win = $('#win').dialog({
        title: '<b>企业负荷详情</b>',
        width: 900,
        height: 400,
        closed: true,
        cache: false,
        modal: true
    });
    //设置root账号大小
    if (G.is_root != 1) {
        $("#show1").hide();
        $("#show2").hide();
        $("#show3").hide();
        $("#show4").hide();
        $("#detail1").width(260);
    }
    setDate();
    getIndustry();
    showIndustry2(industry);
    initArea();
    getArea2();
    getArea3();
    getMapMessage();
    getDetail();
    $("#btnQuery").on('click', function () {
        query();
    });


    $(".maxbox>div").each(function (i) {
        $(this).bind('click', function () {
            showCompanyFluctuationLoad(this);
        });
    });
});

function transform(data) {
    if (data) {
        var transformData = [];
        $.each(data, function (i, n) {
            if (n['y'] == -9999) {
                n['y'] = null;
            }
            if (new Date(n['x']).getMinutes() % 10 == 0) {
                transformData.push(n);
            }
        });
        return transformData;
    }
    return data;
}

function query() {
    var city = getCity();
    var industry = '',
        industry2 = '';

    try {
        industry = $("#industry").combobox('getValue');
    } catch (err) {
        industry = '';
    }

    try {
        industry2 = $("#industry2").combobox('getValue');
    } catch (err) {
        industry2 = '';
    }

    var date1 = $("#date1").datebox('getValue').replace(/-/g, "");
    var date2 = $("#date2").datebox('getValue').replace(/-/g, "");
    var date3 = $("#date3").datebox('getValue').replace(/-/g, "");

    var first = $("#date1").datebox('getValue');
    var second = $("#date2").datebox('getValue');
    var third = $("#date3").datebox('getValue');

    $("#firstDate").html(first);
    $("#secondDate").html(second);

    if (!time && !city) {
        return;
    }
    ajax({
        url: '/web/flucatuationLoad/getFlucatuationLoad.json',
        type: 'POST',
        dataType: 'JSON',
        beforeSend: function () {
            $("#chartdiv").mask('数据加载中....');
        },
        data: {
            city: city,
            date1: date1,
            date2: date2,
            date3: date3,
            industry: industry,
            industry2: industry2
        },
        success: function (data) {
            $("#chartdiv").unmask();
            if (data['status'] == 1) {
                data = data['data'];
                var today = {};
                var yesterday = {};
                var beforeday = {};
                today['name'] = first;
                yesterday['name'] = second;
                beforeday['name'] = third;
                today['data'] = {};
                yesterday['data'] = {};
                beforeday['data'] = {};
                if (null == data) {
                    showDayChart([today, yesterday, beforeday], {
                        title: {
                            text: "单位:(万千瓦)"
                        }
                    }, "");
                    setMaxBox(false, '', '', false, '', '', date1, date2);
                    return;
                }
                chatData = data['chatData'];
                today['data'] = transform(chatData['date1']);
                yesterday['data'] = transform(chatData['date2']);
                beforeday['data'] = transform(chatData['date3']);
                showDayChart([today, yesterday, beforeday], {
                    title: {
                        text: "单位:(万千瓦)"
                    }
                }, "");

                maxData = data['maxData'];
                todayMaxData = maxData['date1'];
                yesterdayMaxData = maxData['date2'];
                todayBoundState = todayMaxData['boundState'];

                var todayP = null;
                var todayGetTime = null;
                if (todayMaxData['p'] != null && todayMaxData['p'] != "") {
                    todayP = todayMaxData['p'];
                }

                if (todayMaxData['getTime'] != null && todayMaxData['getTime'] != "") {
                    todayGetTime = String(todayMaxData['getTime']);
                }
                yesterdayBoundState = todayMaxData['boundState'];

                var yesterdayP = null;
                var yesterdayGetTime = null;
                if (yesterdayMaxData['p'] != null && yesterdayMaxData['p'] != "") {
                    yesterdayP = yesterdayMaxData['p'];
                }
                if (yesterdayMaxData['getTime'] != null && yesterdayMaxData['getTime'] != "") {
                    yesterdayGetTime = String(yesterdayMaxData['getTime']);
                }
                setMaxBox(todayBoundState, todayP, todayGetTime, yesterdayBoundState, yesterdayP, yesterdayGetTime, date1, date2);
                setInfoMap(data);
            }
        },
        error: function () {
            $("#chartdiv").unmask();
            layer.msg(' 服务存在异常，请稍后再试！', {
                icon: 2
            });
        }
    });
}

function setInfoMap(data) {
    $('#infoMap').empty();
    if (_.has(data, 'infoMap')) {
        _.each(data['infoMap'], function (item, index) {
            var date = index;
            var one = $('<p>[' + date + '] 最大负荷:' + item.max + ', 最小负荷:' + item.min + ', 平均负荷:' + item.avg + '</p>');
            $('#infoMap').append(one);
        });
    }
}

function getCity() {
    var area2, area3;
    try {
        area2 = $("#area2").combobox('getValue');
    } catch (err) {
    }
    try {
        area3 = $("#area3").combobox('getValue');
    } catch (err) {
    }

    var city;
    if ("" != area3 && undefined != area3) {
        city = area3;
    } else if ("" != area2 && undefined != area2) {
        city = area2;
    } else {
        city = '640000';
    }
    return city;
}

//企业负荷详情弹窗
function showCompanyFluctuationLoad(obj) {
    var text = $(".maxbox>.today dl:eq(0)").find('dd').html();
    if (text == "") {
        return;
    }
    win.dialog('open');
    var city = getCity();

    var industry = $("#industry").combobox('getValue');
    var industry2 = $("#industry2").combobox('getValue');
    var time = $(obj).find("input").val();
    $("#win p").remove();
    $("#content tr").remove();
    $("#content").append('<tr>' + '<th align="center" style="width: 40%;"><b>企业名称</b></th>' + '<th align="center" style="width: 20%;"><b>负荷波动值(万千瓦)</b></th>' + '<th align="center" style="width: 40%;"><b>地址</b></th></tr>');
    $("#content").append('<tr style="height:300px;"><td colspan="3" align="center">数据加载中......</td></tr>');
    if (null == time || "" == time) {
        return;
    }
    ajax({
        url: '/web/flucatuationLoad/getCompanyFlucatuationLoadDetail.json',
        type: 'POST',
        data: {
            city: city,
            industry: industry,
            industry2: industry2,
            time: time
        },
        dataType: 'JSON',
        success: function (data) {
            $("#content tr").remove();
            $("#content").append('<tr>' + '<th align="center" style="width: 40%;"><b>企业名称</b></th>' + '<th align="center" style="width: 20%;"><b>负荷波动值(万千瓦)</b></th>' + '<th align="center" style="width: 40%;"><b>地址</b></th></tr>');
            if (data['status'] == 1) {
                var html;
                var host = jQuery.parseJSON(AUTH.site.config).platform['01200009'] + '.' + AUTH.site.domain;
                host = "http://" + host;

                if (undefined === data['data'] || data['data'].length <= 0) {
                    $("#win").append('<p class="nodata">没有数据</p>');
                } else {
                    $.each(data['data'], function (i, n) {
                        var content = "<tr>";
                        if (i % 2 !== 0) {
                            content += "<td class='normal_left'><a href='" + host + "?auth_cid=" + n['companyId'] + "' target='_blank'>&nbsp;&nbsp;" + n['companyName'] + "</a></td>"
                            content += "<td class='normal'>" + n['p'] + "</td>";
                            content += "<td class='normal'>" + n['address'] + "</td>";
                        } else {
                            content += "<td class='normal_left'><a href='" + host + "?auth_cid=" + n['companyId'] + "' target='_blank'>&nbsp;&nbsp;" + n['companyName'] + "</a></td>"
                            content += "<td class='other'>" + n['p'] + "</td>";
                            content += "<td class='other'>" + n['address'] + "</td>";
                        }
                        content += "</tr>";
                        html += content;
                    })
                    $("#content").append(html);
                }
            }
        }
    });

}

//最大值设置
function setMaxBox(todayBoundState, todayP, todayGetTime, yesterdayBoundState, yesterdayP, yesterdayGetTime, date1, date2) {
    //拼日期时间
    var t1 = todayGetTime.replace(/:/g, "");
    var t2 = yesterdayGetTime.replace(/:/g, "");
    $(".todayTime").attr("value", date1 + t1);
    $(".yesterdayTime").attr("value", date2 + t2);
    if (true == todayBoundState) {
        $(".maxbox>.today dl:eq(0)").find('dd').html("<font color='red'>" + todayP + "万千瓦" + "</font>");
    } else {
        $(".maxbox>.today dl:eq(0)").find('dd').html("" == todayP ? "-" : todayP + "万千瓦");
    }
    //$(".maxbox>.today dl:eq(1)").find('dd').html("" == todayGetTime ? "-" : todayGetTime.substring(8,10)+":"+todayGetTime.substring(10,12)+":"+todayGetTime.substring(12,14));
    $(".maxbox>.today dl:eq(1)").find('dd').html(todayGetTime);
    if (true == yesterdayBoundState) {
        $(".maxbox>.yesterday dl:eq(0)").find('dd').html("<font color='red'>" + yesterdayP + "万千瓦" + "</font>");
    } else {
        $(".maxbox>.yesterday dl:eq(0)").find('dd').html(null == yesterdayP ? "-" : yesterdayP + "万千瓦");
    }
    //$(".maxbox>.yesterday dl:eq(1)").find('dd').html(null == yesterdayGetTime ? "-" : yesterdayGetTime.substring(8,10)+":"+yesterdayGetTime.substring(10,12)+":"+yesterdayGetTime.substring(12,14));
    $(".maxbox>.yesterday dl:eq(1)").find('dd').html(yesterdayGetTime);
}

function setDate() {
    var current = new Date();
    var today = new Date(current.getFullYear(), current.getMonth(), current.getDate()).format("yyyy-MM-dd");
    var yesterday = new Date(current.getFullYear(), current.getMonth(), current.getDate() - 1).format("yyyy-MM-dd");
    var beforeday = new Date(current.getFullYear(), current.getMonth(), current.getDate() - 2).format("yyyy-MM-dd");
    $("#date1").datebox('setValue', today);
    $("#date2").datebox('setValue', yesterday);
    $("#date3").datebox('setValue', beforeday);
}

//饼图加载
function pieChartBuild(project, pieData) {
    $('#' + project).highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        colors: ['#ED561B', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
        tooltip: {
            pointFormat: ' <b>{point.percentage:.1f}%({point.y})</b>'
        },
        title: {
            text: ''
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                size: 160,
                dataLabels: {
                    enabled: false,
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                    style: {
                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                    }
                },
                showInLegend: true
            }
        },
        series: [{
            type: 'pie',
            // name: pieData.seriesName,
            data: pieData
        }]
    });
}

var mapType;

function getDetail() {
    var provinceName = $("#currentProName").val();
    var cityName = $("#currentCName").val();
    var districtName = $("#currentDisName").val();

    ajax({
        url: '/web/platformAnalyse/getDetail.json',
        type: 'POST',
        dataType: 'JSON',
        data: {
            provinceName: provinceName,
            cityName: cityName,
            districtName: districtName
        },
        success: function (data) {
            if (data['status'] == 1) {
                data = data['data'];
                if (null != data['city'] && "" != data['city']) {
                    $("#title").html(data['city'] + "运行情况");
                } else if (null != data['province'] && "" != data['province']) {
                    $("#title").html(data['province'] + "运行情况");
                } else {
                    $("#title").html("全国运行情况");
                }

                $("#NotonlineCount").html("<a href='javascript:showCompanyDetail()' style='cursor:pointer'>" + data['NotonlineCount'] + "</a>");
                $("#customer").html(data['customer']);
                $("#totalCount").html(data['totalCount']);
                $("#total").html(data['total'] + " 万千伏安");
                var dataArr = [];
                var arr1 = ['异常运行', data['NotonlineCount']];
                var arr2 = ['在线', data['onlineCount']];
                dataArr.push(arr1);
                dataArr.push(arr2);
                pieChartBuild("container1", dataArr);
            }
        }
    });
}

function initDialog(flag) {
    var provinceName = $("#currentProName").val();
    var cityName = $("#currentCName").val();
    var districtName = $("#currentDisName").val();
    $("#content tr").remove();
    $("#content").append('<tr>' + '<th align="center" style="width: 40%;"><b>企业名称</b></th>' + '<th align="center" style="width: 20%;"><b>负荷波动值(万千瓦)</b></th>' + '<th align="center" style="width: 40%;"><b>地址</b></th></tr>');
    $("#content").append('<tr style="height:300px;"><td colspan="5" align="center">数据加载中......</td></tr>');
    ajax({
        url: '/web/platformAnalyse/getCompanyDetail.json',
        type: 'POST',
        data: {
            provinceName: provinceName,
            cityName: cityName,
            districtName: districtName
        },
        dataType: 'JSON',
        success: function (data) {
            $("#content tr").remove();
            $("#content").append('<tr>' + '<th align="center" style="width: 28%;"><b>企业名称</b></th>' + '<th align="center" style="width: 10%;"><b>监测点总数</b></th>' + '<th align="center" style="width: 15%;"><b>当前运行异常数</b></th>' + '<th align="center" style="width: 17%;"><b>连续三月运行异常数</b></th>' + '<th align="center" style="width: 28%;"><b>服务公司名称</b></th></tr>');
            if (data['status'] == 1) {
                var host = jQuery.parseJSON(AUTH.site.config).platform['01200009'] + '.' + AUTH.site.domain;
                host = "http://" + host;
                var html;
                $.each(data['data'], function (i, n) {
                    var content = "<tr>";
                    if (i % 2 !== 0) {
                        content += "<td class='normal_left'><a href='" + host + "?auth_cid=" + n['companyId'] + "' target='_parent'>&nbsp;&nbsp;" + n['companyName'] + "</a></td>"
                        content += "<td class='normal'>" + n['totalCount'] + "</td>";
                        content += "<td class='normal'>" + n['notOnlineCount'] + "</td>";
                        content += "<td class='normal'>" + n['threeMonthNotOnlineCount'] + "</td>";
                        content += "<td class='normal_left'>&nbsp;&nbsp;" + n['serviceCompany'] + "</td>";
                    } else {
                        content += "<td class='other_left'><a href='" + host + "?auth_cid=" + n['companyId'] + "' target='_parent'>&nbsp;&nbsp;" + n['companyName'] + "</a></td>"
                        content += "<td class='other'>" + n['totalCount'] + "</td>";
                        content += "<td class='other'>" + n['notOnlineCount'] + "</td>";
                        content += "<td class='other'>" + n['threeMonthNotOnlineCount'] + "</td>";
                        content += "<td class='other_left'>&nbsp;&nbsp;" + n['serviceCompany'] + "</td>";
                    }
                    content += "</tr>";
                    html += content;
                })
                $("#content").append(html);
            }
        }
    });
}

function showCompanyDetail() {
    win.dialog('open');
    initDialog();
}

function getCityDetail() {
    var provinceName = $("#currentProName").val();
    var cityName = $("#currentCName").val();
    var districtName = $("#currentDisName").val();

    ajax({
        url: '/web/platformAnalyse/getCityDetail.json',
        type: 'POST',
        dataType: 'JSON',
        data: {
            provinceName: provinceName,
            cityName: cityName,
            districtName: districtName
        },
        success: function (data) {
            if (data['status'] == 1) {
                $("#cityContainer").css("display", "");
                if (null != districtName && "" != districtName) {
                    $("#title1").html(districtName + "运行情况");
                } else if (null != cityName && "" != cityName) {
                    $("#title1").html(cityName + "运行情况");
                } else if (null != provinceName && "" != provinceName) {
                    $("#title1").html(provinceName + "运行情况");
                }
                data = data['data'];
                $("#NotonlineCount1").html("<a href='javascript:showCompanyDetail()' style='cursor:pointer'>" + data['NotonlineCount'] + "</a>");
                $("#customer1").html(data['customer']);
                $("#totalCount1").html(data['totalCount']);
                $("#total1").html(data['total'] + " 万千伏安");
                var dataArr = [];
                var arr1 = ['异常运行', data['NotonlineCount']];
                var arr2 = ['在线', data['onlineCount']];
                dataArr.push(arr1);
                dataArr.push(arr2);
                pieChartBuild("container2", dataArr);
            }
        }
    });
}

function getMapMessage() {
    var provinceName = $("#currentProName").val();
    var cityName = $("#currentCName").val();

    ajax({
        url: '/web/platformAnalyse/getMapMessage.json',
        type: 'POST',
        dataType: 'JSON',
        data: {
            provinceName: provinceName,
            cityName: cityName
        },
        success: function (data) {
            if (data['status'] == 1) {
                data = data['data'];
                if (null != data['district'] && '' != data['district']) {
                    var district;
                    var dataArr = data['dataArr'];
                    for (var pos in dataArr) {
                        if (dataArr[pos]['name'] == data['district'])
                            district = [{
                                name: data['district'],
                                value: dataArr[pos]['value'],
                                selected: true
                            }]
                    }
                    loadAreaMap(district, data['max'], data['min'], data['city']);
                } else if (null != data['city'] && '' != data['city']) {
                    loadCityMap(data['dataArr'], data['max'], data['min'], data['city']);
                } else if (null != data['province'] && '' != data['province']) {
                    loadProvinceMap(data['dataArr'], data['max'], data['min'], data['province']);
                } else {
                    loadChinaMap(data['dataArr'], data['max'], data['min']);
                }
            }
        }
    });
}

function initArea() {
    //initOneArea('#area1');
    initOneArea('#area2');
    initOneArea('#area3');
}

function initOneArea(el) {

    var arr = [{
        "id": "",
        "title": "请选择",
        "selected": "true"
    }];

    h = arr.length * 24;

    $(el).combobox({
        data: arr,
        valueField: 'id',
        textField: 'title',
        width: 80,
        panelHeight: h
    });
}

function getArea1() {
    ajax({
        url: '/web/area/getComboxData.json',
        type: 'POST',
        dataType: 'JSON',
        success: function (data) {
            if (data['status'] == 1) {
                if (data['data'].length === 1) {
                    data['data'][0].selected = 'true'
                }
                var h = data['data'].length * 24;
                h = h > 240 ? 240 : h;
                $("#area1").combobox({
                    data: data['data'],
                    valueField: 'id',
                    textField: 'title',
                    width: 80,
                    panelHeight: h,
                    onChange: function () {
                        getArea2();
                        query();
                    }
                });
                query();
            }
        }
    });
}

function getArea2() {
    //var parentId = $("#area1").combobox('getValue');
    ajax({
        url: '/web/platformAnalyse/getArea.json',
        // url: '/web/area/getComboxData.json',
        type: 'POST',
        dataType: 'JSON',
        /*data: {
                    parentId: parentId,
                },*/
        success: function (data) {
            if (data['status'] == 1) {
                var list = data['data'];

                var h = list.length * 24;
                h = h > 240 ? 240 : h;
                area = data['data'];
                $("#area2").combobox({
                    data: list,
                    valueField: 'value',
                    textField: 'text',
                    width: 80,
                    panelHeight: h,
                    onChange: function () {
                        getArea3();
                        query();
                    }
                });
            }
        }
    });
}

function getArea3() {
    var parentId = $("#area2").combobox('getValue');
    ajax({
        url: '/web/area/getComboxData.json',
        type: 'POST',
        dataType: 'JSON',
        data: {
            parentId: parentId,
        },
        success: function (data) {
            if (data['status'] == 1) {
                var list = data['data'];
                list.unshift({
                    "id": "",
                    "title": "请选择",
                    "selected": "true"
                });

                var h = list.length * 24;
                h = h > 240 ? 240 : h;
                $("#area3").combobox({
                    data: list,
                    valueField: 'id',
                    textField: 'title',
                    width: 80,
                    panelHeight: h,
                    onChange: function () {
                        query();
                    }
                });
            }
        }
    });
}

function getIndustry() {
    ajax({
        url: '/web/industry/getTopIndustryComboData.json',
        data: {
            id: -1
        },
        type: 'POST',
        dataType: 'JSON',
        success: function (data) {
            var industryData = [{
                'value': "",
                'text': "全部",
                "selected": "true"
            }];
            $.each(data, function (i, n) {
                var json = {};
                json['value'] = n['id'];
                json['text'] = n['title'];
                industryData.push(json);
            });
            init_industry(industryData);
        }
    });
}

function init_industry(industryData) {
    var h = industryData.length * 24;
    h = h > 240 ? 240 : h;
    $("#industry").combobox({
        data: industryData,
        valueField: 'value',
        textField: 'text',
        width: 80,
        panelHeight: h,
        onSelect: function (rec) {
            showIndustry2(rec.value);
            query();
        }
    });
};

function showIndustry2(id) {
    if (null == id || '' == id) {
        var industry2Data = [{
            "value": "",
            "text": "请选择",
            "selected": "true"
        }];
        init_industry2(industry2Data);
        return;
    }
    ajax({
        url: '/web/industry/getIndustryComboDataByParent.json?industryCode=' + id,
        success: function (data) {
            var industryData2 = [{
                "value": "",
                "text": "请选择",
                "selected": "true"
            }];
            for (var i = 0; i < data.length; i++) {
                var json = {};
                json['value'] = data[i].id;
                json['text'] = data[i].title;
                if (district == data[i].id) {
                    json['selected'] = 'true';
                }
                industryData2.push(json);
            }
            init_industry2(industryData2);
        }
    });
}

function init_industry2(industryData2) {
    var h = industryData2.length * 24;
    h = h > 240 ? 240 : h;
    $("#industry2").combobox({
        data: industryData2,
        valueField: 'value',
        textField: 'text',
        width: 80,
        panelHeight: h,
        onChange: function () {
            query();
        }
    });
};
var myChart, ecConfig, zrEvent;
var clickCount = 0;
var clickTimer;

//加载中国地图
function loadChinaMap(dataArr, max, min) {
    mapType = 'china';
    // 路径配置
    require.config({
        paths: {
            echarts: 'http://static.vbdsm.com/js/lib/echarts/build/dist'
        }
    });
    // 使用
    require(
        ['echarts', 'echarts/chart/map'], // 使用柱状图就加载bar模块，按需加载
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            myChart = ec.init(document.getElementById('main'));

            var curIndx = 0;
            var mapType = [];
            var mapGeoData = require('echarts/util/mapData/params');

            for (var city in cityMap) {
                mapType.push(city);
                // 自定义扩展图表类型
                mapGeoData.params[city] = {
                    getGeoJson: (function (c) {
                        var geoJsonName = cityMap[c];
                        return function (callback) {
                            $.getJSON('../js/geoJson/china-main-city/' + geoJsonName + '.jsonp', callback);
                        }
                    })(city)
                }
            }
            ecConfig = require('echarts/config');
            zrEvent = require('zrender/tool/event');
            myChart.on(ecConfig.EVENT.CLICK, function (param) {
                $("#currentProName").val(param.name);
                clickCount += 1;
                if (null != clickTimer) {
                    return;
                }
                clickTimer = window.setInterval(function () {
                    clearInterval(clickTimer);
                    clickTimer = null;
                    var doClick = function () {
                        getCityDetail();
                    };
                    var doDBClick = function () {
                        $("#cityContainer").css("display", "none");
                        getMapMessage();
                        getDetail();
                    };

                    if (clickCount == 1) {
                        //单击的逻辑
                        doClick();
                    } else if (clickCount % 2 == 0) {
                        //双击的逻辑
                        doDBClick();
                    }
                    clickCount = 0;
                }, 300);
            });

            option = {
                tooltip: {
                    trigger: 'item',
                    formatter: '{b}'
                },
                dataRange: {
                    min: min,
                    max: max,
                    realtime: false,
                    text: ['高', '低'], // 文本，默认为数值文本
                    calculable: true,
                    color: ['#d44f47', '#de7e39', '#e49a37', '#d9c224', '#84d653', '#47d077', '#50c38b', '#40ace4', '#3c9ef1']
                },
                series: [{
                    name: "china",
                    type: 'map',
                    mapType: "china",
                    selectedMode: 'single',
                    itemStyle: {
                        normal: {
                            label: {
                                show: true
                            },
                            areaStyle: {
                                color: '#3c9ef1'
                            }
                        },
                        emphasis: {
                            label: {
                                show: true
                            }
                        }
                    },
                    data: dataArr
                }]
            };

            // 为echarts对象加载数据
            myChart.setOption(option);
        });
};


//加载省地图
function loadProvinceMap(dataArr, max, min, provinceName) {
    mapType = 'province';
    // 路径配置
    require.config({
        paths: {
            echarts: 'http://static.vbdsm.com/js/lib/echarts/build/dist'
        }
    });
    // 使用
    require(
        ['echarts', 'echarts/chart/map'], // 使用柱状图就加载bar模块，按需加载
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            myChart = ec.init(document.getElementById('main'));

            var curIndx = 0;
            var mapType = [];
            var mapGeoData = require('echarts/util/mapData/params');

            for (var city in cityMap) {
                mapType.push(city);
                // 自定义扩展图表类型
                mapGeoData.params[city] = {
                    getGeoJson: (function (c) {
                        var geoJsonName = cityMap[c];
                        return function (callback) {
                            $.getJSON('../js/geoJson/china-main-city/' + geoJsonName + '.jsonp', callback);
                        }
                    })(city)
                }
            }
            ecConfig = require('echarts/config');
            zrEvent = require('zrender/tool/event');
            myChart.on(ecConfig.EVENT.CLICK, function (param) {
                $("#currentCName").val(param.name);
                clickCount += 1;
                if (null != clickTimer) {
                    return;
                }
                clickTimer = window.setInterval(function () {
                    clearInterval(clickTimer);
                    clickTimer = null;
                    var doClick = function () {
                        getCityDetail();
                    };
                    var doDBClick = function () {
                        $("#cityContainer").css("display", "none");
                        getMapMessage();
                        getDetail();
                    };

                    if (clickCount == 1) {
                        //单击的逻辑
                        doClick();
                    } else if (clickCount % 2 == 0) {
                        //双击的逻辑
                        doDBClick();
                    }
                    clickCount = 0;
                }, 300);
            });


            option = {
                tooltip: {
                    trigger: 'item',
                    formatter: '{b}'
                },
                dataRange: {
                    min: min,
                    max: max,
                    realtime: false,
                    text: ['高', '低'], // 文本，默认为数值文本
                    calculable: true,
                    color: ['#d44f47', '#de7e39', '#e49a37', '#d9c224', '#84d653', '#47d077', '#50c38b', '#40ace4', '#3c9ef1']
                },
                toolbox: {
                    show: true,
                    feature: {
                        selfButtons: { //自定义按钮 danielinbiti,这里增加，selfbuttons可以随便取名字  
                            show: true, //是否显示  
                            title: '返回', //鼠标移动上去显示的文字  
                            icon: 'http://static.vbdsm.com/js/lib/easyui/themes/icons/back.png', //图标
                            option: {},
                            onclick: function (option) { //点击事件,这里的option1是chart的option信息
                                $("#currentProName").val("");
                                $("#currentCName").val("");
                                $("#currentDisName").val("");
                                $("#cityContainer").css("display", "none");
                                getMapMessage();
                                getDetail();
                            }
                        }
                    }
                },
                series: [{
                    name: provinceName,
                    type: 'map',
                    mapType: provinceName,
                    selectedMode: 'single',
                    itemStyle: {
                        normal: {
                            label: {
                                show: true
                            },
                            areaStyle: {
                                color: '#3c9ef1'
                            }
                        },
                        emphasis: {
                            label: {
                                show: true
                            }
                        }
                    },
                    data: dataArr
                }]
            };

            // 为echarts对象加载数据
            myChart.setOption(option);
        });
}

//加载地市地图
function loadCityMap(dataArr, max, min, cityName) {
    mapType = 'city';
    // 路径配置
    require.config({
        paths: {
            echarts: 'http://static.vbdsm.com/js/lib/echarts/build/dist'
        }
    });
    // 使用
    require(
        ['echarts', 'echarts/chart/map'], // 使用柱状图就加载bar模块，按需加载
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            myChart = ec.init(document.getElementById('main'));

            var curIndx = 0;
            var mapType = [];
            var mapGeoData = require('echarts/util/mapData/params');

            for (var city in cityMap) {
                mapType.push(city);
                // 自定义扩展图表类型
                mapGeoData.params[city] = {
                    getGeoJson: (function (c) {
                        var geoJsonName = cityMap[c];
                        return function (callback) {
                            $.getJSON('../js/geoJson/china-main-city/' + geoJsonName + '.jsonp', callback);
                        }
                    })(city)
                }
            }
            ecConfig = require('echarts/config');
            zrEvent = require('zrender/tool/event');
            myChart.on(ecConfig.EVENT.CLICK, function (param) {
                $("#currentDisName").val(param.name);
                clickCount += 1;
                if (null != clickTimer) {
                    return;
                }
                clickTimer = window.setInterval(function () {
                    clearInterval(clickTimer);
                    clickTimer = null;
                    var doClick = function () {
                        getCityDetail();
                    };
                    var doDBClick = function () {
                        $("#currentProName").val("");
                        $("#currentCName").val("");
                        $("#currentDisName").val("");
                        $("#cityContainer").css("display", "none");
                        getMapMessage();
                        getDetail();
                    };

                    if (clickCount == 1) {
                        //单击的逻辑
                        doClick();
                    } else if (clickCount % 2 == 0) {
                        //双击的逻辑
                        doDBClick();
                    }
                    clickCount = 0;
                }, 300);
            });

            option = {
                tooltip: {
                    trigger: 'item',
                    formatter: '{b}'
                },
                dataRange: {
                    min: min,
                    max: max,
                    realtime: false,
                    text: ['高', '低'], // 文本，默认为数值文本
                    calculable: true,
                    color: ['#d44f47', '#de7e39', '#e49a37', '#d9c224', '#84d653', '#47d077', '#50c38b', '#40ace4', '#3c9ef1']
                },
                toolbox: {
                    show: true,
                    feature: {
                        selfButtons: { //自定义按钮 danielinbiti,这里增加，selfbuttons可以随便取名字  
                            show: true, //是否显示  
                            title: '返回', //鼠标移动上去显示的文字  
                            icon: 'http://static.vbdsm.com/js/lib/easyui/themes/icons/back.png', //图标
                            option: {},
                            onclick: function (option) { //点击事件,这里的option1是chart的option信息
                                $("#currentCName").val("");
                                $("#currentDisName").val("");
                                $("#cityContainer").css("display", "none");
                                getMapMessage();
                                getDetail();
                            }
                        }
                    }
                },
                series: [{
                    name: cityName,
                    type: 'map',
                    mapType: cityName,
                    selectedMode: 'single',
                    itemStyle: {
                        normal: {
                            label: {
                                show: true
                            },
                            areaStyle: {
                                color: '#3c9ef1'
                            }
                        },
                        emphasis: {
                            label: {
                                show: true
                            }
                        }
                    },
                    data: dataArr
                }]
            };
            // 为echarts对象加载数据
            myChart.setOption(option);
        });
}


//加载地市地图
function loadAreaMap(dataArr, max, min, cityName) {
    mapType = 'city';
    // 路径配置
    require.config({
        paths: {
            echarts: 'http://static.vbdsm.com/js/lib/echarts/build/dist'
        }
    });
    // 使用
    require(
        ['echarts', 'echarts/chart/map'], // 使用柱状图就加载bar模块，按需加载
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            myChart = ec.init(document.getElementById('main'));

            var curIndx = 0;
            var mapType = [];
            var mapGeoData = require('echarts/util/mapData/params');

            for (var city in cityMap) {
                mapType.push(city);
                // 自定义扩展图表类型
                mapGeoData.params[city] = {
                    getGeoJson: (function (c) {
                        var geoJsonName = cityMap[c];
                        return function (callback) {
                            $.getJSON('../js/geoJson/china-main-city/' + geoJsonName + '.jsonp', callback);
                        }
                    })(city)
                }
            }
            ecConfig = require('echarts/config');
            zrEvent = require('zrender/tool/event');

            option = {
                tooltip: {
                    trigger: 'item',
                    formatter: '{b}'
                },
                dataRange: {
                    min: min,
                    max: max,
                    realtime: false,
                    text: ['高', '低'], // 文本，默认为数值文本
                    calculable: true,
                    color: ['#d44f47', '#de7e39', '#e49a37', '#d9c224', '#84d653', '#47d077', '#50c38b', '#40ace4', '#3c9ef1']
                },
                toolbox: {
                    show: false,
                    feature: {
                        selfButtons: { //自定义按钮 danielinbiti,这里增加，selfbuttons可以随便取名字  
                            show: true, //是否显示  
                            title: '返回', //鼠标移动上去显示的文字  
                            icon: 'http://static.vbdsm.com/js/lib/easyui/themes/icons/back.png', //图标
                            option: {},
                            onclick: function (option) { //点击事件,这里的option1是chart的option信息
                                $("#currentCName").val("");
                                $("#currentDisName").val("");
                                $("#cityContainer").css("display", "none");
                                getMapMessage();
                                getDetail();
                            }
                        }
                    }
                },
                series: [{
                    name: cityName,
                    type: 'map',
                    mapType: cityName,
                    selectedMode: 'single',
                    itemStyle: {
                        normal: {
                            label: {
                                show: true
                            },
                            areaStyle: {
                                color: '#3c9ef1'
                            }
                        },
                        emphasis: {
                            label: {
                                show: true
                            }
                        }
                    },
                    data: dataArr
                }]
            };
            // 为echarts对象加载数据
            myChart.setOption(option);
        });
}

function showDayChart(series, yAxis, title) {
    $('#chartdiv').highcharts({
        title: {
            text: title,
            x: -20
        },
        xAxis: {
            type: "datetime",
            tickInterval: 3 * 3600 * 1000,
            gridLineWidth: 1, // 默认是0，即在图上没有纵轴间隔线
            // 自定义x刻度上显示的时间格式，根据间隔大小，以下面预设的小时/分钟/日的格式来显示
            dateTimeLabelFormats: {
                hour: '%H:%M',
                day: "00:00"
            }
        },
        yAxis: yAxis,
        tooltip: {
            crosshairs: {
                width: 1,
                color: 'gray'
            },
            headerFormat: '<span style="font-size: 10px">时间：{point.key}</span><br/>',
            pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y}</b><span/><br/>',
            valueDecimals: 2, // 数据值保留小数位数
            xDateFormat: '%H:%M',
            shared: true
        },
        legend: {
            borderWidth: 0
        },
        plotOptions: {
            column: {
                dataLabels: {
                    enabled: false,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                }
            },
            series: {
                connectNulls: true
            }
        },
        series: series
    });
}

//扩展Date的format方法   
Date.prototype.format = function (format) {
    var o = {
        "M+": this.getMonth() + 1,
        "d+": this.getDate(),
        "h+": this.getHours(),
        "m+": this.getMinutes(),
        "s+": this.getSeconds(),
        "q+": Math.floor((this.getMonth() + 3) / 3),
        "S": this.getMilliseconds()
    }
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
        }
    }
    return format;
}