圖表區塊工具列說明
資料、內距、更新預覽說明
總圖預覽
設定值
-
資料
繪製圖表的資料源(可程式化)
-
內距
邊與內容的距離
-
- 上 , 右 ,下 , 左 (舉例:40 ,40 ,95 ,80)
- 上 , 左右 , 下 (舉例:40 ,60 ,80)
- 上下 , 左右 (舉例:80 ,60)
- 上右下左 (舉例:50)
-
更新預覽
將設定值重新繪製上圖表區塊(更新圖表區塊)
圖例 Legend
預覽圖
圖例 Legend - 設定值
一般
-
- 啟用
- ☑ 啟用圖示
- ☐ 不啟用圖示
- 自動換行
- ☑ 自動換行
- ☐ 不自動換行
- 欄位(填入資料變數來做圖示標準 - 必填欄位)
- 位置
- 上
- 左
- 右
- 下
- 排版
- 垂直(圖示以垂直呈現)
- 水平(圖示以水平呈現)
- 水平偏移量
- 往右偏移為 正
- 往左偏移為 負
- 舉例: 30 (往右偏移 30px )
- 垂直偏移量
- 往下偏移為 正
- 往上偏移為 負
- 舉例: -30 (往上偏移 30px)
- 圖示 (呈現圖示的樣式)
- 水平間距 (圖示左右間距)
- 垂直間距 (圖示上下間距)
- 寬度 (圖示寬度)
- 啟用
文字樣式
-
- 對齊 (字體對齊方向)
- 顏色 (字體顏色)
- 大小 (字體大小)
- 粗體 (字體粗細)
- 旋轉 (字體旋轉)
- 基準線
標題
-
- 啟用
- ☑ 啟用
- ☐ 不啟用
- 對齊(標題對齊方向)
- 顏色(標題顏色)
- 大小(標題大小)
- 粗體(標題粗細)
- 旋轉(旋轉角度)
- 基準線
- 啟用
背景
-
- 填滿顏色(背景顏色)
- 透明度(背景透明度)
- 邊框顏色(邊框顏色)
- 邊框透明色(邊框透明色)
- 邊框粗細(邊框粗細寬度)
- 圓角大小
- 整體透明度
極座標 Coord
預覽圖
極座標 Coord - 設定值
-
類型
-
-
直角坐標系(例如:折線圖、柱狀圖)
-
極坐標系(例如:雷達圖、玫瑰圖)
-
圓餅圖
-
螺旋坐標系
-
-
起始角度
-
結束角度
-
空心圓半徑( 設定值 0 ~ 1 )
-
實心圓半徑( 設定值 0 ~ 1 )
-
反轉(反轉X 或 Y 的起始、結束值reflect)
-
-
X
-
Y
-
-
轉置(轉置X軸和Y軸 ,預設值 false)
-
-
false
-
true
-
前置處理函數 Transform
預覽圖
前置處理函數 Transform - 設定值
類型
-
數據過濾
-
數據加工
-
字串過濾
-
字串重新命名
-
逆序排列
-
數據排序
-
按字串排序
-
獲取子集
-
數據分組
-
補全行
-
補全列、字串
-
字串展開
比例尺 Scale
預覽圖
比例尺 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 | 非連續的時間 | 股票時間 |
-
範圍(與起始點的間距,資料顯示的長度(後-前))
範圍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
預覽圖
軸座標 Axis - 設定值
一般
-
啟用此軸線
☑ 開啟軸線
☐ 隱藏軸線,所有效果都會隱藏掉
-
欄位 (以哪個欄位作為軸座標基準值)
-
顯示位置
-
left
-
right
-
top
-
bottom
-
軸線
-
顏色 (軸座標線的顏色)
-
透明度 (軸座標線的透明度)
-
虛線間距 (虛線的間距若不填為實線,例如 3 , 2 , 1 )
-
寬度 (軸線的寬度)
標籤
-
與軸線間距 (文字與軸座標的間距)
-
格式化輸出函數 (將標籤的顯示的樣式程式化)
-
自動旋轉
☑ 軸座標內容過多會自動傾斜呈現,3點鐘方向為0度
☐ 一律水平呈現
-
文字樣式
-
對齊
-
置左
-
置中
-
置右
-
-
顏色(文字顏色)
-
大小(文字大小)
-
粗體
-
一般(預設值)
-
粗體
-
-
旋轉(旋轉角度,若有自動旋轉,會再加上自動旋轉的角度)
-
基準線
-
上
-
中
-
下
-
-
標題
-
位置
-
間距
-
自動旋轉
-
文字樣式
-
對齊
-
顏色
-
大小
-
粗體
-
旋轉
-
基準線
-
刻度線
-
顏色 (刻度線的顏色)
-
透明度 (刻度線的透明度)
-
寬度 (刻度線的寬度)
-
長度 (刻度線的長度)
次要刻度線(刻度與刻度中間的小刻度為次要刻度線,若值為空則不顯示)
-
數量 (次刻度的數量)
-
顏色 (次刻度的顏色)
-
透明度 (次刻度的透明度)
-
寬度 (次刻度的寬度)
-
長度 (次刻度的長度)
網格
-
類型
-
線(線條樣式)
-
顏色
-
透明度
-
虛線間距
-
寬度
-
-
矩形
-
矩形顏色
-
-
-
隱藏第一行
☑ 隱藏
☐ 不隱藏
-
隱藏最後一行
☑ 隱藏
☐ 不隱藏
圖 Geom
預覽圖
圖 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
-
若為空值,有預設值
-