style (cfg.point.symbol)

심볼이나 레이블의 색상, 크기를 설정합니다.

Type

object

Options

Value Type Required Description
color string 선택('green') symbol의 색상
size number 선택(50) symbol 의 크기
labelColor string 선택(’#666666’) chart label의 font 색상
labelSize number 선택(15) symbol label의 font 크기
labelPos string 선택('bottom') symbol 기준 label의 위치('top','bottom','left','right')
labelX number 선택 label의 x축 방향 위치 조정(labelPos로 지정된 위치값을 0으로 인식)
labelY number 선택 label의 y축 방향 위치 조정(labelPos로 지정된 위치값을 0으로 인식)
labelLineBreak string 선택 레이블을 줄바꿈 기준 설정
textAlign string 선택 레이블을 줄바꿈 시 문자 정렬 설정('left', 'center', 'right')
labelBorderColor string 선택 label 외곽선(테두리) 색상 설정
labelBorderWidth number 선택 label 외곽선(테두리) 두께 설정(px)

Example

// 기본값 설정 예
IBMapCharts.config({
    point : {
        symbol: {
            type: "star" // 심볼을 별모양으로 설정
            label: "지점" // 심볼 주변에 표시될 레이블
            style: {
                color: "#FF0000",
                size: 70,
                labelColor: "blue",
                labelSize: "12px",
                labelPos: 'right'// label을 symbol의 오른쪽에 위치
            }
        }
    }
});

// 개별 데이터 로드 예
var myData =   [
    {
        "id":"kh99984","name":"제주특별자치도청","lat":33.488985,"lon":126.498377,
        "symbol":{
            "type":"diamond2",
            "label":"제주도청",
            "style":{
                    "labelPos":"bottom",
                    "labelSize":50,
                    "labelColor" : "black",
                    "color":"red",
                    "size":390
                }
        }
    },
    {
        "id":"kh99985","name":"경상남도청","lat":35.238289,"lon":128.692389,
        "symbol":{
            "type":"square",
            "label":"경상남도청",
            "style":{
                    "labelPos":"right",
                    "labelSize":50,
                    "labelColor" : "blue",
                    "color":"red","size":270
                }
            }
    },
    // ...
];
ibmap.point.clear();
ibmap.point.add( myData );
ibmap.point.show( "symbol" );

symbol

since

version desc
8.0.0.1 기능 추가
8.0.0.3 labelX, labelY 속성 추가
8.0.0.11 labelLineBreak, textAlign 속성 추가
8.0.0.13 labelBorderColor, labelBorderWidth 속성 추가