WSptLiqPlotDepths

並排繪製多個參數之深度剖線圖,當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繪製,土壤圖示為套件內建不依賴網路載入

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 回傳各參數圖之間距數字