---
# System prepended metadata

title: 第七週小組任務 - 19組
tags: [秋季班, '2022', 六角學院, 第19組小組討論, JS直播班]

---

# 第七週小組任務 - 19組
###### tags: `第19組小組討論` `2022` `JS直播班` `秋季班` `六角學院`

:::success
**小組討論時間：11月20日 週日 14:00**
:::

## 參與組員

- [x] 你看我像是會玩嗎#1866	
- [x] KC_8685#9343	
- [ ] Rr#2215	
- [x] YI#0863	
- [ ] 阿彬#2789	
- [ ] Aritan#1931	
- [ ] hsiung阿熊#4079	
- [X] Jill#5577	
- [ ] ztion#8403	
- [ ] 阿修#9176

## 問題

### 第一題：一起討論第七週主線該如何實作！

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

> [點我觀看 CodePen](https://codepen.io/Jillkate/pen/jOKGmga)
> [name=Jill#5577]
> [點我觀看 CodePen](https://codepen.io/YI0305/pen/WNyOoXX)
> [name=YI#0863]

## 討論重點整理
:::info
- C3 圖表設定
    ![](https://i.imgur.com/doeohAn.png)
    
- 條件運算子
    -[MDN 文件](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Operators/Conditional_Operator)
    
- 除了 forEach 外，更多實用的陣列方法
[點我看六角學院 YouTube 教學](https://www.youtube.com/watch?v=_vFuDQ_6Xt8)
    - `map()、filter()、reduce()`



:::


## 討論截圖
![](https://i.imgur.com/vg0h4qC.png)
![](https://i.imgur.com/as5vuU6.png)
![](https://i.imgur.com/rNijYXi.png)
