並排繪製多個參數之深度剖線圖,當sts第1筆之key為'Geolayer'時,會於最左側改以土柱圖繪製地層並標註地下水位,其餘參數則各自呼叫WSptLiqPlotDepth繪圖,且僅最左側參數圖保留深度軸標題與刻度文字
具名插槽(slot):'zone-top-geolayer'與'zone-bottom-geolayer'為土柱圖之上下方區塊,提供作用域參數width與height;'zone-top-pic'與'zone-bottom-pic'為各參數圖之上下方區塊,提供作用域參數width、height與st,各區塊高度由optionsPic之zoneTopHeight與zoneBottomHeight控制
土柱圖由WSoilColumn繪製,土壤圖示為套件內建不依賴網路載入
Props
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
sts |
Array | [] |
No | 輸入多個繪圖狀態物件陣列,可由getSts產生,各物件格式同WSptLiqPlotDepth之st,其中key為'Geolayer'者代表土柱圖,預設[] |
optionsPic |
Object | {} |
No | 輸入繪圖設定物件,除下列鍵值外,其餘鍵值同WSptLiqPlotDepth之optionsPic並向下傳遞,預設{} |
optionsPic.zoneTopHeight |
Number | 0 |
No | 輸入繪圖上方插槽區塊高度數字,單位px,預設0 |
optionsPic.zoneBottomHeight |
Number | 0 |
No | 輸入繪圖下方插槽區塊高度數字,單位px,預設0 |
optionsPic.spaceGeolayer |
Number | 10 |
No | 輸入土柱圖與參數圖之間距數字,單位px,預設10 |
optionsPic.spacePlot |
Number | 0 |
No | 輸入各參數圖之間距數字,單位px,預設0 |
optionsPic.geocolKeyValueStart |
String | 'depthStart' |
No | 輸入土柱圖各層起始深度之欄位key字串,預設'depthStart' |
optionsPic.geocolKeyValueEnd |
String | 'depthEnd' |
No | 輸入土柱圖各層結束深度之欄位key字串,預設'depthEnd' |
optionsPic.geocolKeyText |
String | 'description' |
No | 輸入土柱圖各層說明文字之欄位key字串,預設'description' |
optionsPic.geocolKeyLegendCode |
String | 'legendCode' |
No | 輸入土柱圖各層土壤圖例代碼之欄位key字串,供對應土壤圖示,預設'legendCode' |
optionsPic.geocolMergeSameLayers |
Boolean | false |
No | 輸入土柱圖是否合併相鄰且圖例代碼與說明文字皆相同土層布林值,預設false |
Data
| Name | Type | Default value | Description |
|---|---|---|---|
dw |
Number | - | 儲存最左側參數圖之插槽區塊左移距離數字,單位px,供插槽內容能對齊至繪圖框 |
Computed
| Name | Type | Description |
|---|---|---|
paddingStyleGeolayer |
Object | 回傳土柱圖之內距物件,供上下對齊Highcharts繪圖區 |
stGl |
Object | 回傳土柱圖之繪圖狀態物件,若sts第1筆非土柱圖則回傳null |
hasGeolayer |
Boolean | 回傳是否繪製土柱圖布林值 |
waterLevel |
Number | 回傳地下水位深度數字,單位m |
stOthers |
Array | 回傳土柱圖以外之各參數繪圖狀態物件陣列,且非最左側者自動清除深度軸標題 |
zoneTopHeight |
Number | 回傳繪圖上方插槽區塊高度數字 |
zoneBottomHeight |
Number | 回傳繪圖下方插槽區塊高度數字 |
geocolItems |
Array | 回傳供土柱圖繪製之各土層數據陣列,相鄰同層合併由WSoilColumn依geocolMergeSameLayers處理 |
spaceGeolayer |
Number | 回傳土柱圖與參數圖之間距數字 |
spacePlot |
Number | 回傳各參數圖之間距數字 |
- Description:
並排繪製多個參數之深度剖線圖,當sts第1筆之key為'Geolayer'時,會於最左側改以土柱圖繪製地層並標註地下水位,其餘參數則各自呼叫WSptLiqPlotDepth繪圖,且僅最左側參數圖保留深度軸標題與刻度文字
具名插槽(slot):'zone-top-geolayer'與'zone-bottom-geolayer'為土柱圖之上下方區塊,提供作用域參數width與height;'zone-top-pic'與'zone-bottom-pic'為各參數圖之上下方區塊,提供作用域參數width、height與st,各區塊高度由optionsPic之zoneTopHeight與zoneBottomHeight控制
土柱圖由WSoilColumn繪製,土壤圖示為套件內建不依賴網路載入