/////////////////////////////////////////////
//tavg:旬平均温度(℃)
//r:旬雨量(mm)
//s:旬日照(hr)

//气候平均值
var rlist = new Array();
var tavglist = new Array();
var slist = new Array();
//预测
var ryc = new Array();
var tavgyc = new Array();
var syc = new Array();
//实况
var rsk = new Array();
var tavgsk = new Array();
var ssk = new Array();
//
var xAxis_Data = new Array();


var currTime = new Date();

shik();
//实况
function shik() {
    $.getJSON("/weather/data/surf_xun.js?t=" + Math.random(), function (json) {
        var sskall = new Array();
        var rskall = new Array();
        var tavgskall = new Array();
        var xAxis_DataAll = new Array();
        if (json) {
            $.each(json, function (index, value) {
                rskall.push(parseFloat(value.r).toFixed(1));
                tavgskall.push(value.tavg);
                sskall.push(value.s);
                xAxis_DataAll.push(value.month + "," + value.xun)
           })
        }
        for (var i = 0; i < rskall.length-1; i++) {
                ssk.push(sskall[i]);
                tavgsk.push(tavgskall[i]);
                rsk.push(rskall[i]);
        }
        for (var k = 0; k < xAxis_DataAll.length; k++) {
            var mont = xAxis_DataAll[k].split(',');
            var m = mont[0];
            var x = mont[1];
            if (x == 0)
                x = "上旬";
            else if (x == 1)
                x = "中旬";
            else
                x = "下旬";
            xAxis_Data.push(m + "月" + x);
        }      
        avgf(xAxis_DataAll);
    })
}
function avgf(xAxis_DataAll) {
    $.getJSON("/weather/data/surf_30y_xun.js?t=" + Math.random(), function (json) {
        if (json) {
          
            $.each(xAxis_DataAll, function (index, value) {
                var mont = value.split(',')[0];
                var xun = value.split(',')[1];
                $.each(json, function (index, y_xun) {
                    var m = parseInt(y_xun.month);
                    m = m < 10 ? "0" + m : m;
                    if (value == m + "," + y_xun.xun) {
                        rlist.push(parseFloat(y_xun.r).toFixed(1));
                        tavglist.push(parseFloat(y_xun.tavg).toFixed(1));
                        slist.push(parseFloat(y_xun.s).toFixed(1));
                        return false;
                    }
                })                
            })
         
        }
        yuce();
    });
}
//预测
function yuce() {
    $.getJSON("/weather/data/foxun.js?t=" + Math.random(), function (json) {
        if (json) {
            for (var i = 0; i < 9; i++) {
                if (i == 8) {
                    ryc.push(json[0]["r"]);
                    tavgyc.push(json[0]["tavg"]);
                    syc.push(json[0]["s"]);
                } else if (i == 7) {
                    ryc.push('-');
                    tavgyc.push(tavgsk[tavgsk.length - 1]);
                    syc.push(ssk[tavgsk.length - 1]);
                } else {
                    ryc.push('-');
                    tavgyc.push('-');
                    syc.push('-');
                }
            }
            var dscr = json[0]["dscr"];
            dscr = dscr.replace(/(\d)/g, "<br/>$1");
            $("#dscr_text").html(dscr);
         
            surf_30y_xun_r();
            surf_30y_xun_tavg();
            surf_30y_xun_s();
            $(".qhfw dd").hide();
            $(".qhfw dd").eq(0).show();
        }
    })
}
//降水预测
function surf_30y_xun_r() {
    // 折线图-柱状图
    var myChart = echarts.init(document.getElementById('xun_r'));


    myChart.setOption({
        title: {
            text: '佛山市' + currTime.Format("yyyy年MM月") + '平均降水预测',
            x: 'center',
            y: 25,
            textStyle: {
                fontSize: 14,
                fontWeight: 'bold',
                color: '#566C81'
            }
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { type: 'none' }
        },
        legend: {
            selectedMode: false,
            data: ['实况', '气候平均值', '预测']
        },
        toolbox: {
            show: false
        },
        grid: {
            borderWidth: 0
        },
        calculable: false,
        color: ['#2e8dff', '#aa4744', '#89a54f'],
        xAxis: [
        {
            type: 'category',
            data: xAxis_Data,
            axisLine: false,
            splitArea: { show: false },
            splitLine: { show: false }
        }
        ],
        yAxis: [
        {
            type: 'value',
            //max: 250,
            splitNumber: 5,
            scale: true,
            axisLine: false,
            splitArea: { show: false },
            splitLine: { show: true }
        }
        ],
        series: [
        {
            name: '实况',
            type: 'bar',
            data: rsk
        },
        {
            name: '气候平均值',
            type: 'bar',
            data: rlist
        },
        {
            name: '预测',
            type: 'bar',
            data: ryc
        }
        ]
    });
}

//平均气温预测
function surf_30y_xun_tavg() {
    // 折线图-柱状图
    var myChart02 = echarts.init(document.getElementById('xun_tavg'));
    myChart02.setOption({
        title: {
            text: '佛山市' + currTime.Format("yyyy年MM月") + '平均气温预测',
            x: 'center',
            y: 25,
            textStyle: {
                fontSize: 14,
                fontWeight: 'bold',
                color: '#566C81'
            }
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { type: 'none' }
        },
        legend: {
            selectedMode: false,
            data: ['实况', '气候平均值', '预测']
        },
        toolbox: {
            show: false
        },
        grid: {
            borderWidth: 0
        },
        calculable: false,
        color: ['#2e8dff', '#aa4744', '#89a54f'],
        xAxis: [
        {
            type: 'category',
            data: xAxis_Data,
            //data: ['01上旬', '01下旬', '02上旬', '02下旬', '03上旬', '03下旬', '04上旬', '05下旬', '05上旬', '05下旬', '06上旬', '06下旬', '07上旬', '07下旬', '08上旬', '08下旬', '09上旬', '09下旬', '10上旬', '10下旬', '11上旬', '11下旬', '12上旬', '12下旬'],
            axisLine: false,
            splitArea: { show: false },
            splitLine: { show: false }
        }
        ],
        yAxis: [
        {
            type: 'value',
            //max: 50,
            //splitNumber: 4,
            scale: true,
            axisLine: false,
            //precision:3,
            splitArea: { show: false },
            splitLine: { show: true }
        }
        ],
        series: [
        {
            name: '实况',
            type: 'line',
            data: tavgsk
        },
        {
            name: '气候平均值',
            type: 'line',
            data: tavglist
        },
        {
            name: '预测',
            type: 'line',
            data: tavgyc
        }
        ]
    });
}

//日照时数预测
function surf_30y_xun_s() {
    // 折线图-柱状图
    var myChart03 = echarts.init(document.getElementById('xun_s'));
    myChart03.setOption({
        title: {
            text: '佛山市' + currTime.Format("yyyy年MM月") + '日照时数预测',
            x: 'center',
            y: 25,
            textStyle: {
                fontSize: 14,
                fontWeight: 'bold',
                color: '#566C81'
            }
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: { type: 'none' }
        },
        legend: {
            selectedMode: false,
            data: ['实况', '气候平均值', '预测']
        },
        toolbox: {
            show: false
        },
        grid: {
            borderWidth: 0
        },
        calculable: false,
        color: ['#2e8dff', '#aa4744', '#89a54f'],
        xAxis: [
        {
            type: 'category',
            data: xAxis_Data,
            axisLine: false,
            splitArea: { show: false },
            splitLine: { show: false }
        }
        ],
        yAxis: [
        {
            type: 'value',
            max: 80,
            splitNumber: 4,
            scale: true,
            axisLine: false,
            splitArea: { show: false },
            splitLine: { show: true }
        }
        ],
        series: [
        {
            name: '实况',
            type: 'line',
            data: ssk
        },
        {
            name: '气候平均值',
            type: 'line',
            data: slist
        },
        {
            name: '预测',
            type: 'line',
            data: syc
        }
        ]
    });
}
/////////////////////////////////////////////