var code = "";
var resultData = null;
//new CusScrollBar({
//    contentSelector: '.scroll_cont1', //滚动内容区
//    barSelector: '.scroll_bar1', //滚动条
//    sliderSelector: '.scroll_slider1' //滚动滑块
//});
window.onload = function () {
    //var ChartName = decodeURI(getUrlParam("urlName"));
    GetData();
    btnClick();

}
var dataX = [];
var dataY = [];
var dataX1 = [];
var dataY1 = [];
function GetData() {

    let name = getUrlParam("type");//localStorage.getItem("type");;
    $.ajax({
        url: "../../../Ashx/DataQL.ashx",
        type: "post",
        data: { Action: "GetQL", tabName: name },
        dataType: "json",
        async: false,
        success: function (result) {
            dataX = [];
            dataY = [];
            dataX1 = [];
            dataY1 = [];
            var html = "";
            $.each(result, function (index, value) {
                if (value.TYPE == "TD") {
                    dataX.push(value.NAME);
                    dataY.push(value.AREA);
                } else {
                    dataX1.push(value.NAME);
                    dataY1.push(value.AREA);
                }
                

            });
            InitChart("container", dataX, dataY);
            
        }
    });
}

var myChart = null;
function InitChart(chartId,dataX, dataY) {
    var dom = document.getElementById(chartId);
    myChart = echarts.init(dom);
    option = {
        color: ['#1584E2'],
        grid: {
            top: '5%',
            left: "26%",
            bottom: '10%'
        },
        tooltip: {
            trigger: 'item',
            confine: 'hidden',
            formatter: '{b} : {c}'
        },
        xAxis: {
            type: 'category',
            axisLine: {
                lineStyle: {
                    color: '#FFFFFF',
                }
            },
            data: dataX
        },
        yAxis: {
            type: 'value',
            axisLine: {
                lineStyle: {
                    color: '#FFFFFF',
                }
            },
            splitLine: {
                show: false
            }
        },
        series: [{
            data: dataY,
            type: 'bar',
            barMaxWidth: 20,
        }]
    };
    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");
        InitChart("container", dataX, dataY);
    });

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