var myCharts3 = echarts.init(document.getElementById('main3'));

var option3 = {
    tooltip: {
        trigger: 'item',
        formatter: "省份：{b}<br/>确诊：{c}"
    },
    textStyle: {color: '#FFFFFF'},
    title:{
        left: 'center',
        text: '中国疫情地图（现有确诊人数）',
        subtext: '数据更新时间: ',
        textStyle:{
          fontSize:20,
          align:"center"
      }
    },
    visualMap: {
        left: 'left',
        top: 'bottom',
        splitNumber: 7,
        pieces: [
            {value: 0},
            {min: 0, max: 9},
            {min: 10, max: 49}, 
            {min: 50, max: 99},
            {min: 100, max: 999}, 
            {min: 1000, max: 9999}, 
            {min: 10000}
        ],
        textStyle: {
            color: "#B80909"
        },
        inRange: {
            color: ["#FFFFFF", "#FFE5DB", "#FFC4B3", "#FF9985", "#F57567", "#E64546", "#B80909"]
        },
        outOfRange: {
            color: "#FFFFFF"
        },
        show:true
    },
    geo:{
        map:'china',
        roam:false,//不开启缩放和平移
        zoom:1.23,//视角缩放比例
        label: {
            normal: {
                show: true,
                fontSize:'11',
                color: '#6C6C6C'
            }
        },
        itemStyle: {
            normal:{
                borderColor: 'rgba(0, 0, 0, 0.2)'
            },
            emphasis:{
                areaColor: '#FF0000',//鼠标悬停区域颜色
                shadowOffsetX: 0,
                shadowOffsetY: 0,
                shadowBlur: 20,
                borderWidth: 0,
                shadowColor: 'rgba(255, 255, 255, 0.5)'
            }
        }
    },
    series:[{
        name:'现有确诊',
        type:'map',
        map:'china',
        geoIndex: 0,
        roam: true,
        label: {
            normal: {
                show: true,
                textStyle:{
                    color: 'rgb(0, 0, 0)',
                    fontSize: 14
                }
            }
        },
        data:[
            // {name:"南海诸岛",value:0},
			// {name: '北京', value: 97},
			//     {name: '天津', value: 5},
			//     {name: '上海', value: 30},
			//     {name: '重庆', value: 2},
			//     {name: '河北', value: 2},
			//     {name: '河南', value: 1},
			//     {name: '云南', value: 2},
			//     {name: '辽宁', value: 4},
			//     {name: '黑龙江', value: 13},
			//     {name: '湖南', value: 0},
			//     {name: '安徽', value: 0},
			//     {name: '山东', value: 9},
			//     {name: '新疆', value: 0},
			//     {name: '江苏', value: 5},
			//     {name: '浙江', value: 15},
			//     {name: '江西', value: 1},
			//     {name: '湖北', value: 8685},
			//     {name: '广西', value: 3},
			//     {name: '甘肃', value: 40},
			//     {name: '山西', value: 1},
			//     {name: '内蒙古', value: 1},
			//     {name: '陕西', value: 7},
			//     {name: '吉林', value: 0},
			//     {name: '福建', value: 0},
			//     {name: '贵州', value: 0},
			//     {name: '广东', value: 49},
			//     {name: '青海', value: 0},
			//     {name: '西藏', value: 0},
			//     {name: '四川', value: 17},
			//     {name: '宁夏', value: 0},
			//     {name: '海南', value: 1},
			//     {name: '台湾', value: 54},
			//     {name: '香港', value: 70},
			//     {name: '澳门', value: 2}
        ]
    }]
};

$.ajax({
    cache: false,
    url:'/province_curconfirm',
    type:"GET",
    dataType:'json',
    async:false,
    error: function(request) {
        alert("发送请求失败！");
    },
    success: function(result) {
        console.info('+++++ my_china.js')
        console.info(result)
        for(i=0,max=result.provinces.length; i<max; ++i) {
            option3.series[0].data.push({name:result.provinces[i], value:result.curConfirms[i]})
        }
        option3.title.subtext = '数据更新时间: ' + result.pub_date
    }
});

myCharts3.setOption(option3);