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

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

8个回答

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

chenjiayu938
chenjiayu938 懂啦,谢谢
大约 2 年之前 回复
xb729
开心_雨彤 回复chenjiayu938: 你这个数据是二维数组,下面就给你写个例子 var a = [['北京','上海',200],['北京','深圳',150]],arr1 = [] for(var i =0;i<a.length;i++){ var arr = []; var obj = {name:a[i][0]}; var obj1 = {name:a[i][1],value:a[i][2]}; arr.push(obj); arr.push(obj1); arr1.push(arr); }
大约 2 年之前 回复
xb729
开心_雨彤 回复chenjiayu938: 你这个数据是二维数组,下面就给你写个例子 a = [['北京','上海',200],['北京','深圳',150]]
大约 2 年之前 回复
chenjiayu938
chenjiayu938 我是问第一个的,就是不会拼凑对象所以才来问大家。[{name:'北京'}, {name:'上海',value:200}]这种形式是数组里有字典?可是如果里面是字典,那name不是应该写成'name'吗?请问怎么拼凑呢,谢谢
大约 2 年之前 回复

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

listener_life
listener_life 回复chenjiayu938: 你可以直接把这些数据push到数组中,然后就可以了,具体写法可以这样:x.push(name); y.push(value);注意x,y都是数组,然后直接放到xAxis:{data:x},series:[{data:y,}],中即可
大约 2 年之前 回复
qq_36326273
qq_36326273 markline 有定义格式 像平均值之类的 如果想自己定义 可以在获取的数据前定义好想要展示的就好 。 只许传入想展示的y轴数据或x轴数据即可
大约 2 年之前 回复
chenjiayu938
chenjiayu938 就是不会写成[{name:'北京'}, {name:'上海',value:200}]这种格式,求教
大约 2 年之前 回复

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

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

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

按echarts 格式来拼接!

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}]
                ]

            });
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问