# 第二十三關 資料格式處理,陣列 unshift 隔天一早,小杰精神奕奕地往美式餐廳前進,心裡想著終於能好好工作了,太久沒做服務生工作,反而有點懷念。 剛踏入美式餐廳,卻發現整個餐廳破亂不堪,裝潢都被砸爛,在中庭則坐了一位明顯是黑道大哥的份子。 黑道大哥:「你就是小杰吧?」 小杰:「我不是,我是客--」 黑道大哥:「少騙了,你的老闆已經給我看過你照片了。」 小杰:「就、就算我是又怎麼樣,你把老闆怎麼了??」 黑道大哥:「你們老闆欠我的系統有一堆 Bug,我讓小弟把它綁回基地加班了」 小杰:「什麼!我的老闆會寫程式!?」 黑道大哥:「...你難道不知道老闆開餐廳是副業嗎,他系統公司可賺得呢。」 黑道大哥:「直接進入正題吧,我這裡有個幾小時後就要上線的東西,但還缺一個 BUG 要改,老闆說可以請你幫忙。」 小杰:「那如果我不幫忙呢?反正你也拿我沒轍,那我就先走----」 黑道大哥晃了晃手中的薪資袋:「你老闆給了我你這個月的薪資,你不做也沒差,那這我就拿走了。」 ![](https://i.imgur.com/UBpLasw.png) 小杰:「好好好,我做就是了!」 # 問題 小杰一看到題目整個傻眼,裡面用了他從來沒看過的圖表資料,好在老闆在程式碼裡面寫了些註解,讓小杰知道自己不需要懂圖表框架,好好的把資料處理好後,圖表自然就會顯示正常,一起來幫幫小杰吧! 以下是預期希望出現正常的圖表,請改寫此 [Codepen](https://codepen.io/liao/pen/YzwaQXJ?editors=1010),並在 Slack 回傳你的解法: PS:HTML 與 CSS 面板壞掉了,只能變更 JS 面板 ![](https://i.imgur.com/QzRaWTM.png)