Echarts飞线

//下面的地标需按照自己的需求添加
var geoCoordMap = {
     "广州":[113.23,23.16],
     "北京":[116.46,39.92],
     "呼和浩特":[111.65,40.82],
     "宁波":[121.56,29.86]
};

 var convertData = function (data) {
     var res = [];
     for (var i = 0; i < data.length; i++) {
         var dataItem = data[i];
         var fromCoord = geoCoordMap[dataItem[0].name];
         var toCoord = geoCoordMap[dataItem[1].name];
         if (fromCoord && toCoord) {
             res.push([{
                 coord: fromCoord
             }, {
                 coord: toCoord
             }]);
         }
     }
     return res;
 };


option = {
    backgroundColor: '#404a59',
 

    geo: {
        map: 'china',
        itemStyle: {
            areaColor: '#323c48',
            borderColor: '#111'
        },
        emphasis: {
            itemStyle: {
                areaColor: '#2a333d'
            },
            label: {
                show: false
            }
        }
    },
 series: [
        {
            type: 'lines',
            symbol: ['none', 'arrow'],
            zlevel: 10,
            effect: {
                 symbol: ['circle'],
                show: true,
                period: 6,
                trailLength: 0.7,
                color: 'red',
                symbolSize: 3
            },
            lineStyle: {
                normal: {
                    color: '#a6c84c',
                    width: 1,
                    curveness: 0.4
                }
            },
            data: convertData([[{name:'北京'},{name:'宁波'}],
                               [{name:'宁波'},{name:'兰州'}],
                               [{name:'南京'},{name:'重庆'}]])
        }
    ]

}
posted @ 2021-03-08 20:19  abcdefgab  阅读(87)  评论(0)    收藏  举报