---
# System prepended metadata

title: 第七週小組任務 | 南1 | JS 直播班

---

# 第七週小組任務 | 南1 | JS 直播班
:::spoiler 目錄
[TOC]
:::

:::success
【[題目連結](https://hackmd.io/A5H70tbbQUupAfCrNyxIQg?view)】

【檢核】
- [x] 參與人數: 7人
- [x] 參與名單
- [x] 任務內容
- [x] 討論截圖
:::

## 參與人員
- [x] 阿榮#8277
- [x] PayRoom#8328
- [x] WA#9787
- [x] jia yu#8896
- [ ] 貓咪#6294
- [x] 梁窈菱
- [x] Serena
- [x] CPing
- [ ] hom
- [ ] mt126

## 討論問題
### 第一題：一起討論第七週主線該如何實作！
|組員| 連結|
|:---|:---:|
|阿榮|[Codepen](https://codepen.io/codeitaday/pen/KKJQxwG)|
|Mt| |
|jiayu| |
|WA| |
|CPing|[CodePen](https://codepen.io/CPing/pen/KKJojRv?editors=1010)|
|貓咪| |
|梁窈菱|[CodePen](https://codepen.io/Yao-Ling-L-/pen/ZEwvmEo) |
|Serena| |
|hom| |
|Payroom| |

### 討論內容
* 圓餅圖的位置要跟下拉選單等高
* 圓餅圖的寬度要更細一點: 修改 width 
* 圓餅圖不要顯示%數

### 第二題：撈取 [2021 前端工程師薪資資料](https://raw.githubusercontent.com/hexschool/2021-ui-frontend-job/master/frontend_data.json?token=AAQWFQDSNRRXC6FBW7PDSETBOESVW)，並用 C3.js 呈現
* 一條長條圖：接案公司的薪資滿意度平均分數
* 二條長條圖：抓取博弈、電商公司兩個產業滿意度的平均分數
* 圓餅圖：撈取男性跟女性比例有多少
* 圓餅圖：顯示薪水區間分佈

|組員| 連結|
|:---|:---:|
|阿榮|[Codepen](https://codepen.io/codeitaday/pen/YzBaGdr)|
|Mt| |
|jiayu|[Codepen](https://codepen.io/fjqxaznl-the-reactor/pen/poGaQvr?editors=1010)|
|WA| [Codepen](https://codepen.io/ldddl/pen/abXQQBo) |
|CPing|[Codepen](https://codepen.io/CPing/pen/eYxKYNg?editors=1010)|
|貓咪| |
|梁窈菱|[Codepen](https://codepen.io/Yao-Ling-L-/pen/OJdQvmb)<br/>[HackMD思路筆記](https://hackmd.io/@WR1fAl8GRUS_tyjcAwBNQg/r1hWyI_N6)|
|Serena| |
|hom| |
|Payroom|[CodePen](https://codepen.io/water38198/pen/yLZvEMJ) |

### 討論內容
* 折線圖下面的數字標示，改成別的: [axis.x.tick.centered](https://c3js.org/reference.html#axis-x-tick-centered)

### 第三題 Git 挑戰

完成 [Git 任務六](https://hackmd.io/8uEPk1GeTBCl8lUQfD5b5Q?view)


|小隊| 連結|graph 線圖|
|:---|:---:|:---:|
|阿榮、WA| [Github Repo](https://github.com/Peg-L/git-1120) |![image](https://hackmd.io/_uploads/HJR5qJKVp.png)|
|CPing、Jia Yu| [Github Repo](https://jiayu0220.github.io/gitPractice6/) | ![image](https://hackmd.io/_uploads/rybAMeFNa.png)|
|Serena、梁窈菱| [Github Repo](https://github.com/Serena528/1120a) | ![image](https://hackmd.io/_uploads/S1RfvltN6.png)|


## 開會紀錄
![image](https://hackmd.io/_uploads/S1Vf7lt4T.png)
