var MyChart1 = echarts.init(document.getElementById("main1"));

//画国外疫情概况柱状图代码

var option1 = {
    title:{
        text: '国外疫情概况',
        subtext: ''
    },

    tooltip : {
      show:true,  
      trigger:'axis',
      axisPointer:{type:'shadow'}
    },
    xAxis: {
        type: 'category',
        data: ['确诊总数','死亡总数', '当前总数',  '治愈总数']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'当前总数',
            data: [],
            type: 'bar',
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(220, 220, 220, 0.8)'
                },
            color:'rgba(227, 105, 61, 1)',
            barWidth : 100
        },
        
        {
            name:'相对昨日',
            data: [],
            type: 'bar',
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(220, 220, 220, 0.8)'
            },
            color:'rgba(72, 221, 119, 1)',
            barWidth : 70
        }
    ],
    legend:{
        type:'plain',
        show:true,
        top : 'top',
        data:['当前总数','相对昨日']
    },
};


//向后台发送请求
$.ajax({
    cache:false,
    type:"GET",
    url:"/SummaryDataOut",
    data:null,
    dataType:"json", 
    async:false, 
    error:function(request){
        alert("发送请求失败!14"); 
    },
    success:function(result){
        //要显示：数据更新时间，各个数据；
        console.info(result)
        option1.title.subtext = "数据更新时间："+result.pub_date
        option1.series[0].data = result.datas.slice(0,4)
        option1.series[1].data = result.datas.slice(4,8)
    }
});


MyChart1.setOption(option1);