- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入項目的物件陣列，預設[] |
keyTag |
String | 'tag' |
No | 輸入存放標記欄位字串，預設'tag' |
keyText |
String | 'text' |
No | 輸入存放文字欄位字串，預設'text' |
connLineZoneWidth |
Number | 120 |
No | 輸入連接線與標記區域寬度數字，單位px，預設120 |
connLineWidth |
Number | 1 |
No | 輸入連接線寬度數字，單位px，預設1 |
connLineColor |
String | '#ccc' |
No | 輸入連接線顏色字串，預設'#ccc' |
tagDistBetweenTopAndBaseline |
Number | 24 |
No | 輸入各項目頂部與標記基線距離數字，單位px，預設24 |
tagTextFontSize |
String | '0.7rem' |
No | 輸入標記區文字字型大小字串，預設'0.7rem' |
tagTextColor |
String | '#444' |
No | 輸入標記區文字顏色字串，預設'#444' |
tagTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時標記區文字顏色字串，預設'#222' |
tagBorderRadius |
Number | 4 |
No | 輸入標記區框線圓角度數字，單位為px，預設4 |
tagBorderWidth |
Number | 1 |
No | 輸入標記區框線寬度數字，單位px，預設1 |
tagBorderColor |
String | '#fff' |
No | 輸入標記區框線顏色字串，預設'#fff' |
tagBorderColor |
String | '#ccc' |
No | 輸入滑鼠移入時標記區框線顏色字串，預設'#ccc' |
tagBackgroundColor |
String | '#e5e5e5' |
No | 輸入標記區背景顏色字串，預設'#e5e5e5' |
tagBackgroundColorHover |
String | '#d8d8d8' |
No | 輸入滑鼠移入時標記區背景顏色字串，預設'#d8d8d8' |
tagPaddingStyle |
Object | {v:1,h:5} |
No | 輸入標記區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5} |
tagClickable |
Boolean | false |
No | 輸入標記區是否可點擊布林值，預設false |
contentShiftTopFromBaseline |
Number | 11 |
No | 輸入內容區由標記基線平移距離數字，單位px，預設11 |
contentTextFontSize |
String | '0.85rem' |
No | 輸入內容區文字字型大小字串，預設'0.85rem' |
contentTextColor |
String | '#444' |
No | 輸入內容區文字顏色字串，預設'#444' |
contentTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時內容區文字顏色字串，預設'#222' |
contentBorderRadius |
Number | 4 |
No | 輸入內容區框線圓角度數字，單位為px，預設4 |
contentBorderWidth |
Number | 1 |
No | 輸入內容區框線寬度數字，單位px，預設1 |
contentBorderColor |
String | '#ddd' |
No | 輸入內容區框線顏色字串，預設'#ddd' |
contentBorderColor |
String | '#cccccc' |
No | 輸入滑鼠移入時內容區框線顏色字串，預設'#cccccc' |
contentBackgroundColor |
String | '#fff' |
No | 輸入內容區背景顏色字串，預設'#fff' |
contentBackgroundColorHover |
String | '#f2f2f2' |
No | 輸入滑鼠移入時內容區背景顏色字串，預設'#f2f2f2' |
contentPaddingStyle |
Object | {v:1,h:5} |
No | 輸入內容區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5} |
contentClickable |
Boolean | false |
No | 輸入內容區是否可點擊布林值，預設false |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入項目的物件陣列，預設[] |
keyTag |
String | 'tag' |
No | 輸入存放標記欄位字串，預設'tag' |
keyText |
String | 'text' |
No | 輸入存放文字欄位字串，預設'text' |
connLineZoneWidth |
Number | 120 |
No | 輸入連接線與標記區域寬度數字，單位px，預設120 |
connLineWidth |
Number | 1 |
No | 輸入連接線寬度數字，單位px，預設1 |
connLineColor |
String | '#ccc' |
No | 輸入連接線顏色字串，預設'#ccc' |
tagDistBetweenTopAndBaseline |
Number | 24 |
No | 輸入各項目頂部與標記基線距離數字，單位px，預設24 |
tagTextFontSize |
String | '0.7rem' |
No | 輸入標記區文字字型大小字串，預設'0.7rem' |
tagTextColor |
String | '#444' |
No | 輸入標記區文字顏色字串，預設'#444' |
tagTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時標記區文字顏色字串，預設'#222' |
tagBorderRadius |
Number | 4 |
No | 輸入標記區框線圓角度數字，單位為px，預設4 |
tagBorderWidth |
Number | 1 |
No | 輸入標記區框線寬度數字，單位px，預設1 |
tagBorderColor |
String | '#fff' |
No | 輸入標記區框線顏色字串，預設'#fff' |
tagBorderColor |
String | '#ccc' |
No | 輸入滑鼠移入時標記區框線顏色字串，預設'#ccc' |
tagBackgroundColor |
String | '#e5e5e5' |
No | 輸入標記區背景顏色字串，預設'#e5e5e5' |
tagBackgroundColorHover |
String | '#d8d8d8' |
No | 輸入滑鼠移入時標記區背景顏色字串，預設'#d8d8d8' |
tagPaddingStyle |
Object | {v:1,h:5} |
No | 輸入標記區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5} |
tagClickable |
Boolean | false |
No | 輸入標記區是否可點擊布林值，預設false |
contentShiftTopFromBaseline |
Number | 11 |
No | 輸入內容區由標記基線平移距離數字，單位px，預設11 |
contentTextFontSize |
String | '0.85rem' |
No | 輸入內容區文字字型大小字串，預設'0.85rem' |
contentTextColor |
String | '#444' |
No | 輸入內容區文字顏色字串，預設'#444' |
contentTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時內容區文字顏色字串，預設'#222' |
contentBorderRadius |
Number | 4 |
No | 輸入內容區框線圓角度數字，單位為px，預設4 |
contentBorderWidth |
Number | 1 |
No | 輸入內容區框線寬度數字，單位px，預設1 |
contentBorderColor |
String | '#ddd' |
No | 輸入內容區框線顏色字串，預設'#ddd' |
contentBorderColor |
String | '#cccccc' |
No | 輸入滑鼠移入時內容區框線顏色字串，預設'#cccccc' |
contentBackgroundColor |
String | '#fff' |
No | 輸入內容區背景顏色字串，預設'#fff' |
contentBackgroundColorHover |
String | '#f2f2f2' |
No | 輸入滑鼠移入時內容區背景顏色字串，預設'#f2f2f2' |
contentPaddingStyle |
Object | {v:1,h:5} |
No | 輸入內容區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5} |
contentClickable |
Boolean | false |
No | 輸入內容區是否可點擊布林值，預設false |