---
tags: JS 直播班 - 2021 春季班
---
# 第七關小組任務
請透過線上會議或 Slack 討論 25 分鐘，解答此[問題集](#%E5%95%8F%E9%A1%8C%E9%9B%86)，回報流程如下：

1. 請組長到 Slack 此[訊息](https://hexschool-share.slack.com/archives/G01H6GA03UH/p1616409826380500)的 thread 私訊回報解答，**一個小組請派一人提交 HackMD 解答即可（請記得開啟權限）**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張視訊或 Slack 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會透過 Slack 來回報審核成功與否。
3. 若有組員全程沒有參與到討論，該組員不會收到卓越小組徽章，其餘有符合條件者，都會獲得徽章。

Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

# 問題集
## 第一題 請用 [BMI kata API](https://raw.githubusercontent.com/hexschool/js-traninging-week6API/main/data.json) + C3.JS 用 codepen 寫出以下需求，回報時請用 codepen 提交

1. 本班總計 350 人，請用[圓餅圖](https://c3js.org/samples/chart_pie.html)顯示，「已完成」、「未完成」BMI kata 的比例
2. 請用[折線圖](https://c3js.org/samples/simple_multiple.html)顯示每天各有幾人投稿，或是[觀看老師範例程式碼](https://codepen.io/hexschool/pen/eYgOBeN?editors=0010)，討論細節
3. **魔王題：** 每組差不多都是 10 人，請顯示全部 27 組 [Gauge Chart](https://c3js.org/samples/chart_gauge.html) 圖的任務達成率，Code 力求精簡
4. **魔王題：** 請用[長條圖](https://c3js.org/samples/chart_bar.html)，修改 x 軸單位為組別編號，顯示各組投稿人數