456echarts effectScatter配置项内容和展示

      var colorList = [
    '#5AB1EF', '#2EC7C9', '#B6A2DE', "#FFB980", '#ED868C',"#FF0000","#C23531"
];

var labels = ["面议","<5K", "5-8K", "8-10K", "10-15K", "15-20K", ">20K"];

var points ={"8-10K":[[120.830034,31.321659,1],[120.577234,31.312511,1],[120.544973,31.265899,1],[120.744378,31.282791,1],[120.745407,31.271356,1],[120.645536,31.285221,1],[120.818858,31.335353,1],[120.54541,31.28147,1],[120.67316,31.301914,1],[120.744683,31.271266,1],[120.675773,31.301285,1],[120.632067,31.123138,1],[120.68803,31.310393,1],[120.736099,31.268243,1],[120.673385,31.301663,1],[120.730669,31.295798,1],[120.632314,31.284814,1],[120.532608,31.844667,1],[120.427795,31.332868,1],[120.728527,31.326878,1],[120.608364,31.349084,1],[120.688643,31.260344,1],[120.694614,31.440453,1],[120.673385,31.301663,1],[120.553497,31.318714,1],[120.729381,31.282811,1],[120.627395,31.240336,1],[120.743858,31.263709,1],[120.677919,31.299914,1],[120.610985,31.336348,1],[120.553126,31.318177,1],[120.672451,31.301969,1],[120.7399,31.258616,1],[120.427795,31.332868,1],[120.849832,31.32499,1],[120.577214,31.31277,1],[120.743858,31.263709,1],[121.060618,31.300184,1],[120.737304,31.264245,1],[120.67766,31.301541,1],[120.674831,31.32159,1],[120.746911,31.28105,1],[120.677751,31.301185,1],[120.675773,31.301285,1],[120.677919,31.299914,1],[120.6226,31.316392,1],[120.544973,31.265899,1],[120.561966,31.326979,1],[120.652734,31.030568,1],[120.736434,31.264806,1]],"5-8K":[[120.677814,31.32406,1],[120.735843,31.281725,1],[120.619808,31.237862,1],[120.545678,31.283175,1],[120.621268,31.342832,1],[120.736099,31.268243,1],[120.675773,31.301285,1],[120.789811,31.31306,1],[120.736113,31.268245,1],[120.734063,31.327132,1],[121.095171,31.308259,1],[120.621916,31.315715,1],[120.6771,31.299978,1],[120.545678,31.283175,1],[120.743858,31.263709,1],[120.736099,31.268243,1],[120.800857,31.323972,1],[120.677751,31.301185,1],[120.730436,31.268363,1],[120.633838,31.393596,1],[120.736434,31.264806,1],[120.63495,31.380095,1],[120.736656,31.269659,1],[120.736099,31.268243,1],[120.635477,31.277872,1],[120.740878,31.259645,1],[120.830034,31.321659,1],[120.608085,31.337155,1],[120.736099,31.268243,1],[120.740753,31.259364,1],[120.760443,31.667232,1],[120.606236,31.31524,1],[120.605072,31.308131,1],[120.641119,31.268338,1],[120.544278,31.3206,1],[120.632173,31.284086,1],[120.610819,31.312647,1],[120.607641,31.317162,1],[120.6771,31.299978,1],[120.714536,31.360307,1],[120.675794,31.301599,1],[120.73022,31.268655,1],[120.674577,31.282463,1],[120.608085,31.337155,1],[120.977913,31.335967,1],[120.732774,31.6036,1],[120.607093,31.311928,1],[120.531262,31.289926,1],[120.640955,31.286092,1],[120.677751,31.301185,1],[120.739291,31.261972,1],[120.6771,31.299978,1],[120.672451,31.301969,1],[120.62357,31.34618,1],[120.729188,31.266647,1],[120.545678,31.283175,1],[120.545676,31.283174,1],[120.7399,31.258616,1],[120.656445,31.319571,1],[120.656435,31.319566,1],[120.546032,31.28146,1],[120.713688,31.329436,1],[120.743858,31.263709,1],[120.582174,31.321535,1],[120.738974,31.258226,1],[120.610261,31.340728,1],[120.566273,31.29219,1],[120.667354,31.176453,1],[120.830034,31.321659,1],[120.735333,31.320127,1],[120.743858,31.263709,1],[120.531581,31.284121,1],[120.801158,31.315436,1],[120.745719,31.270795,1],[120.579138,31.288257,1],[120.753709,31.273249,1],[120.610851,31.312665,1],[120.586237,31.335448,1],[120.660962,31.303459,1],[120.69137,31.272527,1],[120.508504,30.810315,1],[120.748793,31.281395,1],[121.145466,31.421602,1],[120.431455,31.33982,1],[120.729188,31.266647,1],[120.629786,31.273315,1],[120.729188,31.266647,1],[120.681934,31.321388,1],[120.425087,31.340143,1],[120.7316,31.326699,1],[120.610831,31.303256,1],[120.745897,31.280916,1],[120.559278,31.285298,1],[120.734803,31.283551,1],[120.63152,31.304363,1],[120.899829,31.409796,1],[120.621279,31.260658,1],[120.974035,31.369038,1],[120.729188,31.266647,1],[120.677232,31.167348,1],[120.785954,31.275145,1],[120.830034,31.321659,1],[120.534879,31.288799,1],[120.736099,31.268243,1],[120.53161,31.285208,1],[120.63837,31.307771,1],[120.741568,31.627826,1],[120.637941,31.307788,1],[120.729188,31.266647,1],[120.535096,31.387979,1],[120.662691,31.374124,1],[120.736099,31.268243,1],[120.612406,31.184981,1],[120.782418,31.313036,1],[120.487595,31.351456,1],[120.756882,31.27585,1],[120.668687,31.296417,1],[120.736434,31.264806,1],[120.841119,31.327039,1]],"10-15K":[[120.621102,31.239954,1],[120.513438,31.329408,1],[120.655342,31.722195,1],[120.609745,31.314673,1],[120.627601,31.305387,1],[120.741179,31.271694,1],[120.691415,31.479935,1],[120.631229,31.375687,1],[120.729188,31.266647,1],[120.745897,31.280916,1],[120.674577,31.282463,1],[120.740906,31.259732,1],[120.736099,31.268243,1],[120.736099,31.268243,1],[120.673689,31.301777,1],[120.676936,31.300959,1],[120.647678,31.363734,1],[120.737806,31.269298,1],[120.736745,31.269358,1],[120.830034,31.321659,1],[120.745719,31.270795,1],[120.743508,31.269909,1],[120.662893,31.29676,1],[120.67829,31.301224,1],[120.750679,31.276876,1],[120.726842,31.325248,1],[120.730733,31.296624,1],[120.735823,31.281554,1],[120.746911,31.28105,1],[120.730941,31.270373,1],[120.801158,31.315436,1],[120.737,31.266388,1],[120.545678,31.283175,1],[120.737579,31.268801,1],[120.74092,31.260035,1],[120.544261,31.276019,1],[120.668555,31.132933,1],[120.673385,31.301663,1],[120.721372,31.372736,1],[120.801158,31.315436,1],[120.427795,31.332868,1],[120.719523,31.368111,1],[120.67427,31.327368,1],[120.986067,31.366778,1],[120.545678,31.283175,1],[120.736099,31.268243,1],[120.752252,31.275411,1],[120.672747,31.294615,1],[120.782418,31.313036,1],[120.830034,31.321659,1],[120.740867,31.283509,1],[120.545678,31.283175,1],[120.677907,31.322893,1],[120.979555,31.38892,1],[120.737395,31.272722,1],[120.687778,31.115492,1],[120.546303,31.281331,1],[120.75389,31.273119,1]],"15-20K":[[120.740819,31.259654,1],[120.718969,31.325485,1],[120.675773,31.301285,1],[120.427795,31.332868,1],[120.782418,31.313036,1]],"<5K":[[120.671202,31.275406,1],[120.740878,31.259645,1],[120.698702,31.43863,1],[120.736677,31.36627,1],[120.562186,31.327002,1],[120.729381,31.282811,1],[120.677131,31.283315,1],[120.744683,31.271266,1],[120.72681,31.342136,1],[120.657337,31.3131,1],[120.768784,31.293634,1],[120.611333,31.335589,1],[120.736528,31.358438,1],[120.694614,31.440453,1],[121.137569,31.450498,1],[120.753286,31.276227,1],[120.624561,31.302938,1],[120.677336,31.287868,1],[120.66268,31.295012,1],[120.739548,31.271522,1],[120.605262,31.20214,1],[120.742671,31.271786,1],[120.621279,31.260658,1],[120.408367,31.339928,1],[120.618686,31.293764,1],[120.614625,31.367224,1],[120.630822,31.375763,1]],"面议":[[120.662219,31.297536,1],[120.436077,31.99248,1],[120.740988,31.259777,1],[120.670598,31.133136,1],[120.427795,31.332868,1],[120.725864,31.331204,1],[120.736099,31.268243,1],[120.736745,31.269358,1]],">20K":[[120.752488,31.278488,1]]}

var series = labels.map((i, j) => {
    var name = i;
    var data = points[name];
    var color = colorList[j];
    return {
        name: name,
        type: 'effectScatter',
        coordinateSystem: 'bmap',
        data: data,
        showEffectOn: 'render',
        rippleEffect: {
            brushType: 'stroke'
        },
        itemStyle: {
            normal: {
                color: color
            }
        }
    }
})



var option = {

    bmap: {
        center: [120.631007, 31.308762],
        zoom: 12,
        roam: true,
        enableMapClick: false,
        mapStyle: {
            styleJson: [{
                "featureType": "all",
                "elementType": "all",
                "stylers": {
                    "lightness": 47,
                    "saturation": -100
                }
            }, {
                "featureType": "highway",
                "elementType": "geometry.fill",
                "stylers": {
                    "color": "#ffffff"
                }
            }, {
                "featureType": "poi",
                "elementType": "labels.icon",
                "stylers": {
                    "visibility": "off"
                }
            }, {
                "featureType": "road",
                "elementType": "labels",
                "stylers": {
                    "visibility": "off"
                }
            }]
        }
    },
    title: {
        text: "苏州前端招聘企业分布",
        subtext: "来源:招聘网站 | 作者:天堂龙 | 公众号:苏州前端",
        left: 'center',
        top: 5,
        backgroundColor: "rgba(255,255,255,0.8)",
        textStyle: {
            color: "#2B98DC",
            fontWeight: "bold"
        }
    },
    legend: {
        orient: 'vertical',
        bottom: '50',
        left:"10",
        backgroundColor:"rgba(255,255,255,0.8)",
        data: labels.reverse(),
        formatter: function (name) {
            return '薪资 ' + name;
        }
    },
    series: series

}

myChart.setOption(option);
setTimeout(init, 0)


function init() {
    initMap();
}

function getMap() {
    return myChart.getModel().getComponent('bmap').getBMap();
}

function initMap() {
    var top_left_navigation = new BMap.NavigationControl({
        type: BMAP_NAVIGATION_CONTROL_SMALL
    });
    var map = getMap();

    //map.centerAndZoom("苏州", 13);
    // map.addControl(top_left_navigation);
    map.disableDoubleClickZoom();
    return map;
}