繪製單一參數之深度剖線圖,深度為縱軸(由上而下)、參數值為橫軸,當參數名稱含有'-FS'或'-cmpFS'時,會自動添加FS=1之基準線並將值軸範圍鎖定為0至3
具名插槽(slot):'top'為繪圖上方區塊、'bottom'為繪圖下方區塊,各插槽皆提供作用域參數opt,代表該圖之Highcharts設定物件
Props
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
st |
Object | {} |
No | 輸入單一繪圖狀態物件,可由getSts產生,預設{} |
st.key |
String | - | No | 輸入繪圖識別key字串,預設無 |
st.valueTitle |
String | - | No | 輸入參數值軸標題字串,可使用底線與上下標語法,預設無 |
st.depthTitle |
String | - | No | 輸入深度軸標題字串,給予空字串時會自動隱藏深度軸標題與刻度文字並縮減左側邊界,預設無 |
st.depthMin |
Number | - | No | 輸入深度軸最小值數字,預設無 |
st.depthMax |
Number | - | No | 輸入深度軸最大值數字,預設無 |
st.width |
Number | - | No | 輸入繪圖寬度數字,單位px,預設無 |
st.height |
Number | - | No | 輸入繪圖高度數字,單位px,預設無 |
st.plotType |
String | 'line+marker' |
No | 輸入繪圖型態字串,可選'line+marker'、'line'、'marker',預設'line+marker' |
st.item |
Object | - | No | 輸入繪圖數據物件,預設無 |
st.item.name |
String | - | No | 輸入線名稱字串,預設無 |
st.item.data |
Array | - | No | 輸入繪圖數據陣列,單線時給予[[深度,參數值],...],多線時給予[{name,data},...],參數值非數字時需給予null以跳過繪點,預設無 |
optionsPic |
Object | {} |
No | 輸入繪圖設定物件,預設{} |
optionsPic.useTooltip |
Boolean | true |
No | 輸入是否顯示提示框布林值,預設true |
optionsPic.plotBorderColor |
String | '#666' |
No | 輸入繪圖框線顏色字串,預設'#666' |
optionsPic.softMax |
Number | - | No | 輸入參數值軸軟性最大值數字,預設無 |
optionsPic.vDig |
Number | - | No | 輸入參數值軸刻度文字取用小數點位數數字,預設無 |
optionsPic.titleFontFamily |
String | '微軟正黑體' |
No | 輸入軸標題字型字串,預設'微軟正黑體' |
optionsPic.titleFontSize |
String | '12pt' |
No | 輸入軸標題字體大小字串,預設'12pt' |
optionsPic.titleColor |
String | '#000000' |
No | 輸入軸標題顏色字串,預設'#000000' |
optionsPic.labelFontFamily |
String | '微軟正黑體' |
No | 輸入軸刻度文字字型字串,預設'微軟正黑體' |
optionsPic.labelFontSize |
String | '9pt' |
No | 輸入軸刻度文字字體大小字串,預設'9pt' |
optionsPic.labelColor |
String | '#222' |
No | 輸入軸刻度文字顏色字串,預設'#222' |
optionsPic.legnedFontFamily |
String | '微軟正黑體' |
No | 輸入圖例字型字串,預設'微軟正黑體' |
optionsPic.legnedFontSize |
String | '9pt' |
No | 輸入圖例字體大小字串,預設'9pt' |
optionsPic.legnedColor |
String | '#222' |
No | 輸入圖例文字顏色字串,預設'#222' |
optionsPic.legendBackgroundColor |
String | 'rgba(255,255,255,0.75)' |
No | 輸入圖例背景顏色字串,預設'rgba(255,255,255,0.75)' |
optionsPic.legnedBorderColor |
String | '#aaa' |
No | 輸入圖例框線顏色字串,預設'#aaa' |
optionsPic.legendPosition |
String | 'bottomleft' |
No | 輸入圖例位置字串,可選'topleft'、'topright'、'bottomleft'、'bottomright',預設'bottomleft' |
Computed
| Name | Type | Description |
|---|---|---|
hasOpt |
Boolean | 回傳是否已產生有效Highcharts設定物件布林值 |
opt |
Object | 回傳供繪圖使用之Highcharts設定物件 |
- Description:
繪製單一參數之深度剖線圖,深度為縱軸(由上而下)、參數值為橫軸,當參數名稱含有'-FS'或'-cmpFS'時,會自動添加FS=1之基準線並將值軸範圍鎖定為0至3
具名插槽(slot):'top'為繪圖上方區塊、'bottom'為繪圖下方區塊,各插槽皆提供作用域參數opt,代表該圖之Highcharts設定物件