window.onload = function () {
    GetDataBingChuan();
}

function GetDataBingChuan() {
    var type = getUrlParam("Type");
    if (type == "All") {
        $.ajax({
            url: "../../../Ashx/Firstcommon.ashx",
            type: "post",
            data: { Action: "GetAllSumData", tableName: "TDGF" },//81258c6425be4694af2575731f4e8831
            dataType: "json",
            async: true,
            success: function (result) {
                if (result == null) {
                    $("#container").empty();
                    $("#container").append("<table><tr><td>暂无数据</td></tr></table>");
                    $("#dataTable").empty();
                    $("#dataTable").append("<table><tr><td>暂无数据</td></tr></table>");
                    return false;
                }
                var html="";
                var dataX = [];
                var dataY = [];
                $.each(result, function (index, value) {
                    html+="<tr><td>"+value.Year+"</td><td>"+value.Area+"</td></tr>"
                    dataX.push(value.Year);
                    dataY.push(parseFloat(value.Area)).toFixed(2);
                });
                InitChart("光伏用地面积", dataX, dataY);
                $("#dataTable").empty();
                $("#dataTable").append("<table>" + html + "</table>");
            }
        });
    } else if (type == "choose") {
        var objParm = localStorage.getItem("openShp");
        $.ajax({
            url: "../../../Ashx/Firstcommon.ashx",
            type: "post",
            data: { Action: "GetAllChooseData", pathName: objParm, tableName:"TDGF" },
            dataType: "json",
            async: true,
            success: function (result) {
                if (JSON.stringify(result) == null) {
                    $("#container").empty();
                    $("#container").append("<table><tr><td>暂无数据</td></tr></table>");
                    $("#dataTable").empty();
                    $("#dataTable").append("<table><tr><td>暂无数据</td></tr></table>");
                    return false;
                }
                var html = "";
                var dataX = [];
                var dataY = [];
                $.each(result, function (index, value) {
                    html += "<tr><td>" + value.Year + "</td><td>" +parseFloat(value.Area) + "</td></tr>"
                    dataX.push(value.Year);
                    dataY.push(parseFloat(value.Area).toFixed(2));
                });
                InitChart("光伏用地面积", dataX, dataY);
                $("#dataTable").empty();
                $("#dataTable").append("<table>" + html + "</table>");
            }
        });
    }

    btnClick();


}
function InitChart(title, dataX, dataY) {
    var minY = Math.min.apply(null, dataY);
    var maxY = Math.max.apply(null, dataY);

    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
        //title: {
        //    text: title,
        //    left: 'center',
        //    textStyle: {
        //        color: '#fff'
        //    }

        //},
        grid: {
            top: '10%',
            left: '15%',
            right: '5%',
            bottom: '12%'
        },
        backgroundColor: '#000000',
        color: ["#1A88C8"],
        tooltip: {
            trigger: 'axis',
            confine: 'hidden',
            axisPointer: {
                type: 'shadow'
            }
        },
        xAxis: {
            type: 'category',
            data: dataX,
            axisLine: {
                lineStyle: {
                    color: '#FFFFFF',
                }
            }

        },
        yAxis: {
            type: 'value',
            axisLine: {
                lineStyle: {
                    color: '#FFFFFF',
                }
            },
            splitLine: {
                show: false
            },
            max: Math.round(maxY + 50),
            min: ((Math.round(minY - 50) < 0) ? 0 : Math.round(minY - 50))
        },
        series: [{
            data: dataY,
            type: 'bar',
            barWidth: 50,

        }]
    };;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
}


function btnClick() {
    $(".chartBtn").click(function () {
        $("#container").css("display", "block");
        $("#dataTable").css("display", "none");
        $(".dataBtn").css("background-color", "#000000");
        $(".chartBtn").css("background-color", "#033D73");
    });

    $(".dataBtn").click(function () {
        $("#container").css("display", "none");
        $("#dataTable").css("display", "block");
        $(".dataBtn").css("background-color", "#033D73");
        $(".chartBtn").css("background-color", "#000000");
    });
}