---
# System prepended metadata

title: "\U0001F3C5 4/2 (五) 每日任務"
tags: [JS 直播班 - 2021 春季班]

---

# 🏅 4/2 (五) 每日任務
###### tags: `JS 直播班 - 2021 春季班`

注意事項
---
請參考 [第七週的範例](https://codepen.io/hexschool/pen/vYgBgbo?editors=1010) 撰寫程式碼。

問題一
---
延續 [3/31 的任務](https://rpg.hexschool.com/training/17/show?embedhm=gPT5fgxNR-ONDbBU1Nk6ZA)，請使用這支 [API](https://raw.githubusercontent.com/hexschool/js-traninging-week6API/main/data.json) 將各個小組的人數資料呈現於 C3.js 的 dount 圖表，如下圖:

![](https://i.imgur.com/66ClVJS.png)


問題二
---
呈上題，請使用問題一的 API，練習將資料用列表的方式渲染於畫面上。網頁渲染的畫面如下:

![](https://i.imgur.com/H8wd1pH.png)


> 加分題: 同學可以練習用 sort() 函式做排序，依照花費時間多寡由上到下做排列 (少 - 多)
> 
> 參考連結: https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/sort


回報流程
---
將答案寫在 CodePen 並複製 CodePen 連結貼至 thread 中回報就算完成了喔! 解答請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/6UoJVtD.png)

<!-- 解答
https://codepen.io/znlcgmgk/pen/oNBBMyy?editors=1011
-->