當(dāng)echart 柱狀圖拐揭,兩個(gè)柱子撤蟆,如去年數(shù)據(jù),今年數(shù)據(jù)堂污,返回的數(shù)據(jù)量數(shù)量不等且后端未補(bǔ)0時(shí)前端如何處理數(shù)據(jù)

需要展示的效果如下圖家肯,可能是2~x個(gè)柱。后端返回的數(shù)據(jù)類似:


{

old:[

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

],

new:[

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

]

}

可以看到 new數(shù)據(jù)里面缺少了{(lán)name:"2"},如果簡(jiǎn)單得循環(huán)遍歷取值填充到ecahrt的話盟猖,那么name:"3"

的值會(huì)顯示在x軸刻度為2的地方讨衣,3的地方反而沒有值了,按理說x軸刻度為2的地方式镐,第二根柱子應(yīng)該是0反镇。

前端處理思路如下:JS

1.先將old new 數(shù)據(jù)里X軸都取出來拼接,然后去重娘汞,暫定為Arr歹茶;

2.命名一個(gè)新的數(shù)組對(duì)象,用Arr 去遍歷生成 倆這樣的數(shù)組 [{name:arr[index] ,value:0}......],暫命名AARR? BARR;

3.用AARR套原始數(shù)據(jù)old雙層遍歷价说,如果old中有name和AARR中name相同的辆亏,AARR.item.value=old.value,否則不處理 還是0;得到完整的,補(bǔ)0以后的AARR

4.同理:用BARR套原始數(shù)據(jù)new雙層遍歷鳖目,如果new中有name和BARR中name相同的,BARR.item.value=new.value,否則不處理 還是0缤弦;得到完整的,補(bǔ)0以后的BARR领迈;

5.再去處理AARR? BARR 生成echart 所需要的數(shù)據(jù)。

目前能想出來的最笨的辦法碍沐,有大神有好方法歡迎交流狸捅。最后貼一下代碼怕自己忘了


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市累提,隨后出現(xiàn)的幾起案子尘喝,更是在濱河造成了極大的恐慌,老刑警劉巖斋陪,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件朽褪,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡无虚,警方通過查閱死者的電腦和手機(jī)缔赠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來友题,“玉大人嗤堰,你說我怎么就攤上這事《然拢” “怎么了踢匣?”我有些...
    開封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵告匠,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我离唬,道長(zhǎng)后专,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任男娄,我火速辦了婚禮行贪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘模闲。我一直安慰自己建瘫,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開白布尸折。 她就那樣靜靜地躺著啰脚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪实夹。 梳的紋絲不亂的頭發(fā)上橄浓,一...
    開封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音亮航,去河邊找鬼荸实。 笑死,一個(gè)胖子當(dāng)著我的面吹牛缴淋,可吹牛的內(nèi)容都是我干的准给。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼重抖,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼露氮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起钟沛,我...
    開封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤畔规,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后恨统,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體叁扫,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年延欠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了陌兑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡由捎,死狀恐怖兔综,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤软驰,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布涧窒,位于F島的核電站,受9級(jí)特大地震影響锭亏,放射性物質(zhì)發(fā)生泄漏纠吴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一慧瘤、第九天 我趴在偏房一處隱蔽的房頂上張望戴已。 院中可真熱鬧,春花似錦锅减、人聲如沸糖儡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽握联。三九已至,卻和暖如春每瞒,著一層夾襖步出監(jiān)牢的瞬間金闽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工剿骨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留代芜,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓浓利,卻偏偏與公主長(zhǎng)得像蜒犯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子荞膘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容