style (cfg.map.image)

맵 차트 내부 데이터를 이용해서 생성한 이미지의 크기나 레이블의 스타일을 설정합니다.

Type

object

Options

Value Description
object 맵 차트내의 이미지,레이블 스타일을 설정

style Info

name type required(Default) description
width number 선택(30) 이미지 표시될 영역의 너비
height number 선택(30) 이미지 표시될 영역의 높이
backgroundColor string 선택('transparent') 이미지 표시될 영역의 배경색 설정
border object 선택 이미지가 표시될 영역의 테두리 설정
labelColor string 선택(’#666666’) 이미지 label의 font 색상
labelSize number 선택(15) 이미지 label의 font 크기
labelPos string 선택('bottom') 이미지 기준 label의 위치('top','bottom','left','right')
labelX number 선택 label의 x축 방향 위치 조정
labelY number 선택 label의 y축 방향 위치 조정
labelLineBreak string 선택 레이블을 줄바꿈 기준 설정
textAlign string 선택 레이블을 줄바꿈 시 문자 정렬 설정('left', 'center', 'right')
labelBorderColor string 선택 label 외곽선(테두리) 색상 설정
labelBorderWidth number 선택 label 외곽선(테두리) 두께 설정(px)

style.border Info

name type required(Default) description
width number 선택(0) 테두리 너비 설정
color string 선택("orange") 테두리 색상 설정
radius number 선택(3) 테두리 radius 설정

Example

IBMapCharts.config({
    map:{
        chart : {
            style : {
                width : 50,
                height : 70,
                backgroundColor : "#e2e2e2",
                border : {
                    width : 2,             
                    color : "black",       
                    radius : 10
                }
            }
        }
    }
})

s

since

version desc
8.0.0.1 기능 추가
8.0.0.4 labelColor, labelPos, labelSize, labelX, labelY 속성 추가
8.0.0.11 labelLineBreak, textAlign 속성 추가
8.0.0.13 labelBorderColor, labelBorderWidth 속성 추가