# 🏅 4/21 (三) 每日任務 ###### tags: `JS 直播班 - 2021 春季班` 問題 --- 延續 [4/20 的每日任務](https://hackmd.io/oxesQl_LTYyhamSK4Fu0gQ)，請同學使用 [這個模板](https://codepen.io/znlcgmgk/pen/ExZEwZx?editors=0011) 進行練習，嘗試渲染出後台訂單列表的 C3 Pie Chart。 ![](https://i.imgur.com/D9xpWQO.png) 題目條件如下: > 1. 圖表內容為各個商品的數量比例。 > 2. 如果商品種類超過三筆，圓餅圖會篩選、顯示數量前三多的商品名稱，剩下的商品則一併歸類到「其他」的區塊。 同學先可以參考 [4/2 每日任務](https://rpg.hexschool.com/training/17/show?embedhm=xJjIl8O8RgSTXswlzH4Bbg) 的撰寫手法以後再進行今天的練習。如果還是覺得有困難，可以參考解答的註解後再自己寫看看。 回報流程 --- 將答案寫在 CodePen 並複製 CodePen 連結貼至 thread 中回報就算完成了喔! 解答請參考下圖（需打開程式碼的部分觀看） ![](https://i.imgur.com/6UoJVtD.png) <!-- 解答 https://codepen.io/znlcgmgk/pen/poRLrKL?editors=0011 -->