Echarts世界流向图

【前言】
Echarts----世界流向图 demo

【效果图】
效果图如下:在这里插入图片描述
【CODE】
code如下:

 /*
    图中相关城市经纬度,根据需求添加数据
    关于国家的经纬度,可以用首都的经纬度或者其他城市的经纬度
*/
var geoCoordMap = {
   
    '南宁': [108.479, 23.1152],
    '广州': [113.5107, 23.2196],
    '重庆': [107.7539, 30.1904],
    '芬兰': [24.909912, 60.169095], 
    '美国': [-100.696295, 33.679979], 
    '日本': [139.710164, 35.706962], 
    '韩国': [126.979208, 37.53875], 
    '瑞士': [7.445147, 46.956241],
    '东南亚': [117.53244, 5.300343], 
    '澳大利亚': [135.193845, -25.304039], 
    '德国': [13.402393, 52.518569], 
    '英国': [-0.126608, 51.208425], 
    '加拿大': [-102.646409, 59.994255]
};

/* 
    记录下起点城市和终点城市的名称,以及权重
    数组第一位为终点城市,数组第二位为起点城市,以及该城市的权重,就是图上圆圈的大小
 */

// 重庆
var CQData = [
    [{
   name: '芬兰'}, {
   name: "重庆",value: 30}],
    [{
   name: '德国'}, {
   name: "重庆",value: 30}],
    [{
   name: '英国'}, {
   name: "重庆",value: 30}],
    [{
   name: '重庆'}, {
   name: "英国",
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值