tooltipbox

별도의 툴팁박스를 이용하여 상세 툴팁을 표시한다. 툴팁박스 내용은 HTML 문자열을 포함할 수 있다. toolipbox 속성값 처리용 get/settooltipbox API 도움말을 참조한다.

tooltipbox 속성값을 일반 문자열로 지정할 경우, 입력된 문자열을 개행 문자를 포함하여 그대로 표시하기 위해서는 <pre> 태그로 감싸면 된다.

tooltipbox 속성값을 JSON 형태의 문자열로 지정한 경우, 아래의 내용를 참조한다.

{
    "placement": 2,  // [옵션] 툴팁 박스 표시 위치 (0:left, 1:right, 2:top, 3:bottom)
    "width": 200,    // [옵션] 툽팁 박스 최대 너비
    "horz_align": 1, // [옵션] 툴팁 박스 수평 정렬 (0:left, 1:center; 2:right)
    "vert_align": 1, // [옵션] 툴팁 박스 수직 정렬 (0:left, 1:center; 2:right)
    "title": "",     // [옵션] 타이틀 문자열/문자열 배열 (빈 문자열 지정시 표시하지 않음)
    "content": ""    // 내용 문자열/문자열 배열 (HTML 문자열 표현 가능)
}

tooltipbox 속성값이 JSON 형태의 문자열 형태인 경우, 상세 규약은 아래와 같다. 각 항목에 지정된 값은 솔루션 내부 기본값이다. 옵션으로 표시된 속성에 대해서는 속성 자체를 지정하지 않은 경우, 솔루션 내부의 기본값이 사용된다.

tooltipbox 속성값 JSON 형태 문자열 예시

{
    "placement": 2,
    "width": 200,
    "horz_align": 1,
    "vert_align": 1,
    "title": "TOOLTIP TILTLE",
    "content": "TOOLTIP CONTENT"
}

placement 속성을 기준으로 표시 위치를 결정한다. 해당 위치에 표시 공간이 없는 경우에는 top -> right -> bottom -> left 순서로 위치를 결정한다.

title, content 값 문자열 내부에 큰 따옴표가 필요한 경우에는, 큰 따옴표 앞에 역슬래쉬 문자를 넣어서 이스케이프 처리를 해야한다.

9.1.1.1

20210928