chenjiayu938
chenjiayu938
2017-12-26 07:05
采纳率: 33.3%
浏览 2.5k

echarts的迁徙图ajax获取数据如何放入markline中

在做echarts的迁徙图,如果想用AJAX向后台请求数据,如果后台获取到了比如
[
[‘北京','上海',200],
[‘北京’,'深圳',150]
]
这样的数据,对应放到series中markline中的
data:[
[{name:'北京'}, {name:'上海',value:200}],
[{name:'北京'}, {name:'深圳',value:150}]
]
要怎么样实现呢?谢谢

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • xb729
    开心_雨彤 2017-12-26 07:53
    已采纳

    没有明白你是问这个数组转成你想要的数组的实现方式 还是鸟类迁徙图的实现方式? 如果是后者的话 echart2有实例的http://echarts.baidu.com/echarts2/extension/BMap/doc/BMap.html
    如果是第一个 就遍历数组拼凑对象。

    点赞 评论
  • listener_life
    listener_life 2017-12-26 07:20

    将从后台获得的数据放到数组中,放进数组的时候,一定要注意data中的格式,然后直接data:arr(这是数组的名字),就可以了

    点赞 评论
  • en_joker
    孤芳不自賞 2017-12-26 07:52

    你获取到数据后,在前端用js遍历,按照echarts要求的结构拼接。然后给data即可。

    点赞 评论
  • qq_22899917
    qq_22899917 2017-12-26 08:03

    没有明白你是问这个数组转成你想要的数组的实现方式 还是鸟类迁徙图的实现方式? 如果是后者的话 echart2有实例的http://echarts.baidu.com/echarts2/extension/BMap/doc/BMap.html
    如果是第一个 就遍历数组拼凑对象。

    点赞 评论
  • qw0907
    快跑蜗牛哥 2017-12-26 08:15

    能获取到数据,按echarts 的格式拼接即可。

    点赞 评论
  • github_36327470
    萝卜芹菜芽 2017-12-26 09:33
    点赞 评论
  • qq_27612379
    HzJin丶 2017-12-27 14:16

    按echarts 格式来拼接!

    点赞 评论
  • weixin_42351702
    weixin_42351702 2019-08-02 15:20

    myChart2.addMarkLine(
    0, // 系列索引
    {
    smooth:true,

                    effect : {
                        show: true,
                        loop:true,
                        scaleSize: 1,
                        period: 30,
                        color: '#fff',
                        shadowBlur: 10
                    },
                    itemStyle : {
                        normal: {
                            borderWidth:1,
                            lineStyle: {
                                type: 'solid',
                                shadowBlur: 20
                            }
                        }
                    },
    
                    geoCoord: geoCoordMap,
    
                    data :[
    
                        [{name:"33"}, {name:toGeoCoordName,value:varlue_date}]
                    ]
    
                });
    
    点赞 评论

相关推荐