# 圖表區塊工具列說明
# 資料、內距、更新預覽說明
## 總圖預覽
---
## 設定值
---
- ### 資料
繪製圖表的資料源（可程式化）
- ### 內距
邊與內容的距離
- - 上 , 右 ,下 , 左 （舉例：40 ,40 ,95 ,80）
- 上 , 左右 , 下 （舉例：40 ,60 ,80）
- 上下 , 左右 （舉例：80 ,60）
- 上右下左 （舉例：50）
- ### 更新預覽
將設定值重新繪製上圖表區塊（更新圖表區塊）
-
# 圖例 Legend
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/gSY7kkvdc99lKaKH-%E5%9C%96%E4%BE%8B.png)
#### 圖例 Legend - 設定值
##### 一般
- - 啟用
- ☑ 啟用圖示
- ☐ 不啟用圖示
-
- 自動換行
- ☑ 自動換行
- ☐ 不自動換行
-
- 欄位（填入資料變數來做圖示標準 - 必填欄位）
- 位置
- 上
- 左
- 右
- 下
- 排版
- 垂直（圖示以垂直呈現）
- 水平（圖示以水平呈現）
- 水平偏移量
- 往右偏移為 正
- 往左偏移為 負
- 舉例: 30 （往右偏移 30px ）
- 垂直偏移量
- 往下偏移為 正
- 往上偏移為 負
- 舉例: -30 （往上偏移 30px）
- 圖示 （呈現圖示的樣式）
- 水平間距 （圖示左右間距）
- 垂直間距 （圖示上下間距）
- 寬度 （圖示寬度）
##### 文字樣式
- - 對齊 （字體對齊方向）
- 顏色 （字體顏色）
- 大小 （字體大小）
- 粗體 （字體粗細）
- 旋轉 （字體旋轉）
- 基準線
##### 標題
- - 啟用
- ☑ 啟用
- ☐ 不啟用
- 對齊（標題對齊方向）
- 顏色（標題顏色）
- 大小（標題大小）
- 粗體（標題粗細）
- 旋轉（旋轉角度）
- 基準線
##### 背景
- - 填滿顏色（背景顏色）
- 透明度（背景透明度）
- 邊框顏色（邊框顏色）
- 邊框透明色（邊框透明色）
- 邊框粗細（邊框粗細寬度）
- 圓角大小
- 整體透明度
# 極座標 Coord
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/PiqzDDb5OTiX1kjq-%E6%A5%B5%E5%BA%A7%E6%A8%99.png)
### 極座標 Coord - 設定值
---
- ##### **類型**
- - 直角坐標系（例如：折線圖、柱狀圖）
- 極坐標系（例如：雷達圖、玫瑰圖）
- 圓餅圖
- 螺旋坐標系
- ##### **起始角度**
- ##### **結束角度**
- ##### **空心圓半徑（ 設定值 0 ~ 1 ）**
- ##### **實心圓半徑（ 設定值 0 ~ 1 ）**
- ##### **反轉（反轉X 或 Y 的起始、結束值reflect）**
- - X
- Y
- ##### **轉置（轉置X軸和Y軸 ，預設值 false）**
-
# 前置處理函數 Transform
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/H60iIS6Ttnkw08hu-%E5%89%8D%E7%BD%AE%E8%99%95%E7%90%86%E5%87%BD%E6%95%B8.png)
### 前置處理函數 Transform - 設定值
---
#### **類型**
- ##### **數據過濾**
- ##### **數據加工**
- ##### **字串過濾**
- ##### **字串重新命名**
- ##### **逆序排列**
- ##### **數據排序**
- ##### **按字串排序**
- ##### **獲取子集**
- ##### **數據分組**
- ##### **補全行**
- ##### **補全列、字串**
- ##### **字串展開**
-
# 比例尺 Scale
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/9HXS380m7Y5f9wiK-%E6%AF%94%E4%BE%8B%E5%B0%BA.png)
### 比例尺 Scale - 設定值
---
- #### **欄位** （填入欄位值來做比例尺設定）
- #### **類型**
| 類型 | 說明 | 舉例 |
| linear | 連續的數值 | \[1 ,2 ,3 ,4 ,5\]
|
| log | 連續非線性的Log數據 | 將 \[1,10,100,1000\] 轉換成 \[0,1,2,3\] |
| power | 連續非線性的pow數據 | 將 \[2,4,8,16,32\] 轉換成 \[1,2,3,4,5\] |
| cat | 分類 | \[ '男' , '女' \] |
| time | 連續的時間類型 | 股票時間 |
| timeCat | 非連續的時間 | 股票時間 |
[](https://book.gosu.bar/uploads/images/gallery/2019-12/DMjHOUHMbf34HwNW-timeCat_And_time.png)
- #### **範圍**（與起始點的間距，資料顯示的長度(後-前)）
##### 範圍0 ~ 1 ，格式： 0,1 ，舉例：0.2~0.8
- #### **別名**（該數據字段的顯示別名，一般用於將字段的英文名稱轉換成中文名）
- #### **刻度值**（ 刻度數量、刻度間距、刻度內容 **三擇一設定**，若設定到兩項以**下方的項目為主**）
- ##### 刻度數量 （幾個刻度數量，輸入後會自動優化數量）
- ##### 刻度間距 （刻度與刻度之間的距離,若**類型為 time 和 timeCat 以秒為單位**，例如：86400）
- ##### 刻度內容 （直接設定刻度內容）
- #### **優化數據範圍** （☑ 優化數據範圍，☐ 不優化 ）
- #### **最小值** （比例尺的最小值）
- #### **最大值** （比例尺的最大值）
- #### **log基數**
- #### **指數**
- #### **分類值 （cat 限定）**
- #### **時間格式（time 和 timeCat 限定）**
- ##### YYYY （西元年分）
- ##### MM （月份 , 01 ~ 12，4個M = 英文全稱 , 3個M = 英文縮寫）
- ##### DD （日期 ,01 ~ 31 ）
- ##### ddd （星期 , 一 ~ 七，4個d = 英文全稱 , 3個d = 英文縮寫）
- ##### HH （小時 , 0 ~ 24）
- ##### mm （分鐘 , 0 ~ 59）
- ##### ss （秒鐘 , 0 ~ 59）
- ##### sss （毫秒 , 0 ~ 999）
##### 範例：YYYY-MM-DD(ddd)
結果：2018-01-01(MON)
- #### **格式化函數** （程式化比例尺上的數值，例如：千分位）
# 軸座標 Axis
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/cuuweWrkG7GMJArt-%E8%BB%B8%E5%BA%A7%E6%A8%99.png)
### 軸座標 Axis - 設定值
---
#### **一般**
☑ 開啟軸線
☐ 隱藏軸線，所有效果都會隱藏掉
- ##### 欄位 （以哪個欄位作為軸座標基準值）
- ##### 顯示位置
- left
- right
- top
- bottom
#### **軸線**
- ##### 顏色 （軸座標線的顏色）
- ##### 透明度 （軸座標線的透明度）
- ##### 虛線間距 （虛線的間距若不填為實線，例如 3 , 2 , 1 ）
- ##### 寬度 （軸線的寬度）
- #### 與軸線間距 （文字與軸座標的間距）
- #### 格式化輸出函數 （將標籤的顯示的樣式程式化）
- #### 自動旋轉
- ####
文字樣式
- #####
對齊
- 置左
- 置中
- 置右
- #####
顏色（文字顏色）
- #####
大小（文字大小）
- #####
粗體
- 一般（預設值）
- 粗體
- #####
旋轉（旋轉角度，若有自動旋轉，會再加上自動旋轉的角度）
- #####
基準線
- 上
- 中
- 下
- #####
位置
- #####
間距
- #####
自動旋轉
- #####
文字樣式
- 對齊
- 顏色
- 大小
- 粗體
- 旋轉
- 基準線
- 顏色 （刻度線的顏色）
- 透明度 （刻度線的透明度）
- 寬度 （刻度線的寬度）
- 長度 （刻度線的長度）
- 數量 （次刻度的數量）
- 顏色 （次刻度的顏色）
- 透明度 （次刻度的透明度）
- 寬度 （次刻度的寬度）
- 長度 （次刻度的長度）
- #####
**類型**
-
**線**（線條樣式）
-
顏色
-
透明度
-
虛線間距
-
寬度
-
**矩形**
- 矩形顏色
- #####
**隱藏第一行**
- ##### **隱藏最後一行**
☑ 隱藏
☐ 不隱藏
# 圖 Geom
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/9rf43XfSEKGolXn0-%E5%9C%96.png)
### 圖 Geom - 設定值
---
- ####
**欄位**
- 填入的數值來做繪圖
- 一個值, 大多用來繪製圓餅圖
- 兩個值, X軸與Y軸類型的圖表
- 三個以上, 多邊形圖表
- 例如：number\*name
- ####
**類型**
| 類型
| 說明
|
| 點圖
| 
|
| 路徑圖
| 
雙向繪出，左右來回皆可
|
| 線圖
| 
單向繪出，從左至右繪出
|
| 區域圖
| 
|
| 多邊形
| 
|
| K線圖
| 
|
| 樹狀圖
| 
|
| 熱力圖
| 
|
- ####
**顏色**（圖表內容的顏色）
- 顏色欄位 （可填入變數，來做顏色區分）
- 顏色參數
#####
`填入色碼，若多個顏色變數皆可調整，若為空有預設值，例如：#333333,#000000,#ffffff`
- ####
**形狀**
- ##### 形狀欄位 (可填入變數，來做形狀區分)
- ##### 形狀參數
#####
`填入下方樣式參數，若多個形狀變數皆可調整，若為空有預設值，例如：circle,square,diamond`
- ####
**大小**
- ##### 大小欄位 （可填入變數，來做大小區分）
- ##### 大小參數
##### `填入數字，若多個變數值皆可調整，若為空有預設值例如：2,3,5`
- ####
**透明度**
- #####
透明度欄位（可填入變數，來做透明度區分）
- #####
透明度參數
`填入0 ~ 1，若透明度欄位為空,不會有預設值，若多個變數值皆可調整，為空有預設值，例如：0.2,0.6,0.8 `
- ####
**調整欄位**（圖表呈現類型）
- ####
**DodgeRatio**（調整欄位 - 分組專用）
- 用來調整分組各柱是否重疊
- 與 MarginRatio 相互影響
- 若為0 會疊再一起
- 若為空值，有預設值
- ####
**MarginRatio**（調整欄位 - 分組專用）
- 用來調整分組各柱之間的間距
- 範圍值：0 ~ 1
- 若為空值，有預設值