tooltip (cfg.map.image)

맵 차트 내부 데이터를 이용해서 생성한 이미지에 마우스 오버 시 나타나는 툴팁을 설정합니다.
주의 : map.image 관련 속성입니다. point.image 가 아닙니다.

Type

object

Options

Value Description
object 맵 이미지 툴팁 설정

tooltip Info

name type required(Default) description
style object 선택 툴팁 스타일 설정
position string 선택 툴팁 출력 위치 기준 설정
positionAlign string 선택 툴팁 상하좌우 출력 위치 지정

tooltip.style Info

name type required(Default) description
border object 선택 툴팁 테두리 설정

tooltip.style.border Info

name type required(Default) description
color string 선택 툴팁 테두리 색상 설정

tooltip.position Info

name type required(Default) description
element string 선택(Default) map.iamge 요소 위치를 기준으로 툴팁 출력
label string 선택 map.iamge.label 위치를 기준으로 툴팁 출력

tooltip.positionAlign Info

지정한 방향으로 툴팁 출력 시 툴팁이 잘릴 것으로 판단되는 경우, 보정 로직이 우선시되어 잘리지 않는 방향으로 출력됩니다.

name type required(Default) description
top string 선택 map.image 요소의 위쪽에 툴팁 출력
bottom string 선택 map.image 요소의 아래쪽에 툴팁 출력
left string 선택 map.image 요소의 왼쪽에 툴팁 출력
right string 선택 map.image 요소의 오른쪽에 툴팁 출력

Example

IBMapCharts.config({
    map:{
        image : {
            tooltip : {
                style : {
                    border : {  
                        color : "blue"  // 툴팁 테두리를 blue 로 설정
                    }
                },
                position: "label" // map.iamge.label 위치를 기준으로 툴팁 출력
            }
        }
    }
    
})

since

version desc
8.0.0.1 기능 추가
8.0.0.27 postion 속성 추가
8.0.0.29 positionAlign 속성 추가