实时线图攻击路线,待完善echarts lines配置项内容和展示

用webSoket连接进行setOption的时候 就会出现内存泄漏的问题。。。。

配置项如下
      var uploadedDataURL = "/asset/get/s/data-1512007646985-SyPJuJpgM.js";
//<script src="/asset/get/s/data-1512007646985-SyPJuJpgM.js"></script>
var saoY = ['北京', '广东', '山东', '江苏', '河南', '上海', '河北', '浙江', '香港', '陕西', '湖南', '重庆', '福建', '天津', '云南', '四川', '广西', '安徽', '海南', '江西', '湖北', '山西', '辽宁', '台湾', '黑龙江', '内蒙古', '澳门', '贵州', '甘肃', '青海', '新疆', '西藏', '吉林', '宁夏']
var region = [];
saoY.forEach(function(data, o) {
    region.push({
        name: data,
        itemStyle: {
            normal: {
                borderColor: '#606060',
                borderWidth: 1.5,
                color: 'blue'
            }
        }
    })
})
option = {
    backgroundColor: '#000000',
    geo: [{
        map: 'world',
        z: 1,
        zoom: 1.8,
        center: [115.97, 29.71],
        label: {
            normal: {
                show: true,
                position: 'inside',
                formatter: function(params) {
                    //console.log(params)
                    return params.name
                },
                textStyle: {
                    color: '#666666',
                    fontSize: 6
                }
            },
            emphasis: {
                show: true,
                position: ['50%', '50%'],
                textStyle: {
                    color: '#999999'
                }

            }
        },
        roam: true,
        itemStyle: {
            normal: {
                areaColor: '#111111',
                borderColor: '#404a59',
                //opacity:0.5
                color: 'blue'
            },
            emphasis: {
                areaColor: '#2a333d',
                borderColor: '#999999',
                color: 'blue'
            }
        },
        regions: region
    }],
    series: [{
        type: 'lines',
        zlevel: 1,
        effect: {
            show: true,
            type: 'solid',
            period: 1,
            trailLength: 0.6,
            symbol: 'pin',
            //                        color: function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);},
            symbolSize: 8,
            loop: true
        },
        lineStyle: {
            normal: {
                // opacity:0.1,
                color: function(d) {
                    return "#" + Math.floor(Math.random() * (256 * 256 * 256 - 1)).toString(16);
                },
                width: 0,
                curveness: -0.6 //维度
            }
        },
        data: []
    }]
}


function GetRandomNum(Min, Max) {
    var Range = Max - Min;
    var Rand = Math.random();
    return (Min + Math.round(Rand * Range));
}
setInterval(function() {
    var da = [];
    for (var i = 0; i < 20; i++) {
        var aaa = GetRandomNum(100, 120) + Math.random();
        var bbb = GetRandomNum(20, 50) + Math.random();
        var ccc = GetRandomNum(100, 130) + Math.random();
        var ddd = GetRandomNum(20, 40) + Math.random();
        var form = [],
            to = []
        form.push(aaa, bbb)
        to.push(ccc, ddd)
        var coords = []
        coords.push(form, to)
        da.push(coords);
    }
    option.series[0].data = da
    myChart.setOption(option);
}, 1500);
    
截图如下