需要展示的效果如下图，可能是2~x个柱。后端返回的数据类似：

{

old:[

{name:"1",value:1},{name:"2",value:2},{name:"3",value:3}

],

new:[

{name:"1",value:1},{name:"3",value:3}

]

}

可以看到 new数据里面缺少了{name:"2"},如果简单得循环遍历取值填充到ecahrt的话，那么name:"3"

的值会显示在x轴刻度为2的地方，3的地方反而没有值了，按理说x轴刻度为2的地方，第二根柱子应该是0。

前端处理思路如下：JS

1.先将old new 数据里X轴都取出来拼接，然后去重，暂定为Arr；

2.命名一个新的数组对象,用Arr 去遍历生成 俩这样的数组 [{name:arr[index] ,value:0}......]，暂命名AARR  BARR;

3.用AARR套原始数据old双层遍历，如果old中有name和AARR中name相同的，AARR.item.value=old.value,否则不处理 还是0；得到完整的,补0以后的AARR

4.同理：用BARR套原始数据new双层遍历，如果new中有name和BARR中name相同的，BARR.item.value=new.value,否则不处理 还是0；得到完整的,补0以后的BARR；

5.再去处理AARR  BARR 生成echart 所需要的数据。

目前能想出来的最笨的办法，有大神有好方法欢迎交流。最后贴一下代码怕自己忘了