var myChart = echarts.init(document.getElementById(\'sxmap\'));

// 注意引入版本
// 注意不同版本使用差别

var data = [                        //元素为对象的数组
    {name: \'长治\', value: 41},
    {name: \'大同\', value: 58},
    {name: \'临汾\', value: 47},
    {name: \'太原\', value: 39},
    {name: \'阳泉\', value: 31},
    {name: \'晋城\', value: 70},
    {name: \'平遥\', value: 20},
    {name: \'吕梁\', value: 10},
    ];

var geoCoordMap = {                 //对象
    \'阳泉\':[113.57,37.85],
    \'大同\':[113.3,40.12],
    \'长治\':[113.08,36.18],
    \'临汾\':[111.5,36.08],
    \'太原\':[112.53,37.87],
    \'晋城\':[112.43,36.87],
    \'平遥\':[112.03,37.37],
    \'吕梁\':[112.53,37.37],
}

var convertData = function (data) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].value)   //新值= 坐标+旧值；
            });
        }
    }
    return res;                                         // [113.57, 37.85, 31]
};

option = {
    backgroundColor: \'#404a59\',
    title: {
        text: \'矿山灾害点危险性展示\',
        left: \'center\',
        textStyle: {
            color: \'#fff\',
            fontSize:25
        }
    },
    tooltip: {           //提示框组件
        trigger: \'item\',
        formatter:\'{b} <br/> \',  //{c@[2]}
        show:false
    },

    legend: {            //图例
        orient: \'vertical\',
        y: \'bottom\',
        x: \'right\',
        data: [\'危害性\'],
        textStyle: {
            color: \'#fff\'
        }
    },
    geo: {
        map: "china",
        label: {
            emphasis: {
                show: false
            }
        },
        roam: true,
        center:[112.38,37.67],
        zoom:7,
        itemStyle: {
            normal: {
                areaColor: "#323c48",
                borderColor: "#000000"
            },
            emphasis: {
                areaColor: "#2a333d"
            }
        }
    },
    series: [{
        name: \'危险指数：\',
        type: \'effectScatter\',
        coordinateSystem: \'geo\',
        data: convertData(data.sort(function (a, b) {
            return b.value - a.value;
        }).slice(0, 8)),    //选取从 start 到数组结尾的所有元素，该方法并不会修改数组，而是返回一个子数组
        symbolSize: function (val) {
            return val[2] / 2;        //res数组中的第三个元素
        },
        showEffectOn: \'render\',
        rippleEffect: {
            brushType: \'stroke\'
        },
        hoverAnimation: true,
        label: {
            normal: {
                formatter: \'{b}:{@2}\',
                position: \'right\',
                show: false
            },
            emphasis: {
                show: true
            }
        },
        itemStyle: {
            normal: {
                color: \'#f4e925\',
                shadowBlur: 10,
                shadowColor: \'#333\'
            }
        },
        zlevel: 1
    }
    ]
};

myChart.setOption(option);


/*
a(); 执行一次绘制地图
$(window).resize(function() {   窗口缩放一次
    map.resize();               地图画布缩放一次
    a()                         地图再绘制一次

    */