SecondECharts Gallery

20:11:45图表已生成
代码
var worldgeoCoordMap = {
    '美国蒙特里': [-121.874729,36.541478],
    '荷兰奥特芬': [5.057415,52.735095],
    '澳大利亚墨尔本': [144.753581,-37.841211],
    '中国上海': [121.061824,31.305304],
    '中国香港（SAR）': [114.127647,22.391850],
    '俄罗斯莫斯科': [37.028350,55.642798],
    '最优地点':[179.9087,28.6479]

};

var chinaDatas = [
    [{name:'最优地点'}, {name:'美国蒙特里',value:95}],
    [{name:'最优地点'}, {name:'荷兰奥特芬',value:90}],
    [{name:'最优地点'}, {name:'澳大利亚墨尔本',value:80}],
    [{name:'最优地点'}, {name:'中国上海',value:70}],
    [{name:'最优地点'}, {name:'中国香港（SAR）',value:60}],
    [{name:'最优地点'}, {name:'俄罗斯莫斯科',value:50}],
];


var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';

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

var color = ['#a6c84c'];
var series = [];
[['中国北京', chinaDatas]].forEach(function (item, i) {
    series.push({
        name: item[0] + ' Top10',
        type: 'lines',
        zlevel: 1,
        effect: {
            show: true,
            period: 6,
            trailLength: 0.7,
            color: '#fff',
            symbolSize: 3
        },
        lineStyle: {
            normal: {
                color: color[i],
                width: 0,
                curveness: 0.2
            }
        },
        data: convertData(item[1])
    },
    {
      
        type: 'lines',
        zlevel: 2,
        effect: {
            show: true,
            period: 6,
            trailLength: 0,
            symbol: planePath,
            symbolSize: 15
        },
        lineStyle: {
            normal: {
                color: color[i],
                width: 1,
                opacity: 0.4,
                curveness: 0.2
            }
        },
        data: convertData(item[1])
    },
    {
     
        type: 'effectScatter',
        coordinateSystem: 'geo',
        zlevel: 2,
        rippleEffect: {
            brushType: 'stroke'
        },
        label: {
            normal: {
                show: true,
                position: 'right',
                formatter: '{b}'
            }
        },
        symbolSize: function (val) {
            return val[2] / 8;
        },
        itemStyle: {
            normal: {
                color: color[i]
            }
        },
        data: item[1].map(function (dataItem) {
            return {
                name: dataItem[1].name,
                value: worldgeoCoordMap[dataItem[1].name].concat([dataItem[1].value])
            };
        })
    });
});

option = {
    backgroundColor: '#404a59',
    title : {
        text: '模拟迁徙',
        subtext: '数据纯属虚构',
        left: 'center',
        textStyle : {
            color: '#fff'
        }
    },
    tooltip : {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        top: 'bottom',
        left: 'right',
        data:['中国北京'],
        textStyle: {
            color: '#fff'
        },
        selectedMode: 'single'
    },
    geo: {
        map: 'world',
        label: {
            emphasis: {
                show: false
            }
        },
        roam: true,
        itemStyle: {
            normal: {
                areaColor: '#323c48',
                borderColor: '#404a59'
            },
            emphasis: {
                areaColor: '#2a333d'
            }
        }
    },
    series: series
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
