tooltip (cfg.map.chart)

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

Type

object

Options

Value Description
object 맵 차트의 툴팁 설정

tooltip Info

name type required(Default) description
enable boolean 선택(true) 툴팁 사용 여부
style object 선택 툴팁 스타일 설정
header 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.header Info

name type required(Default) description
name string 선택("Name") 헤더의 항목명 문구
value string 선택("Value") 헤더의 항목값 문구

tooltip.position Info

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

tooltip.positionAlign Info

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

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

Example

IBMapCharts.config({
    map:{
        chart : {
            tooltip : {
                enable : true,          // 툴팁 사용
                style : {
                    border : {  
                        color : "blue"  // 툴팁 테두리를 blue 로 설정
                    }
                },
                header: {
                    name: "이름",
                    value: "연령대"
                },
                position: "label" // map.chart.label 위치를 기준으로 툴팁 출력
            }
        }
    }
    
})

s

since

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