config (static)

공통 config 설정을 합니다.

Syntax

IBMapCharts.config(cfg);

Parameters

Returns

boolean

Example

var cfg = {
    // animate 적용 시간
    duration : 400,
    // 줌인 최대값 (default: 10)
    MAX_ZOOM_IN: 20,
    // 줌아웃 최대값 (default: 1)
    MAX_ZOON_OUT: 1,
    // 라인 기본 설정
    line: {
        style: {
            border: {
                width: 1,
                color: '#000000'
            }
        }
    },
    // 맵 설정
    map: {    
        locale: "kr",
        scale: 0.8, // 기본 확대/축소값
        shadow: false, // 지도 그림자 사용 여부
        dataLabel: {
            enable: false // 데이터 레이블 숨김
            formatter: function(d, str) {
                // 데이터 레이블 표시시 properties에 다른 내용을 같이 표현
                return str;
            }
        },
        // 이미지 설정
        image: {
            zoom: true,
            style: {
                width: 30, // 이미지 기본 너비
                height: 30, // 이미지 기본 높이
                backgroundColor: "transparent", // 이미지 배경색

                // 이미지 테두리
                border: {
                    width: 0,
                    color: "orange",
                    radius: 3
                },

                // 이미지 주변 레이블 설정
                labelPos: "bottom", //레이블 위치
                labelColor: "#666666", //레이블 글자색
                labelSize: 15, //레이블 글자크기
                labelX: 0, //레이블 좌우 offset 이동
                labelY: 0 //레이블 상하 offset 이동
            },
        },
        // 차트(bar,pie 등) 설정
        chart: {
            // 차트(bar,pie 등) 스타일 설정
            style: {
                    width: 30, //차트 너비
                    height: 30, //차트 높이
                    backgroundColor: "transparent", //차트 배경색
                    // 테두리 설정
                    border: {
                        width: 0,
                        color: "orange",
                        radius: 3
                    },
                    labelPos: "bottom", //레이블 위치
                    labelColor: "#666666", //레이블 글자색
                    labelSize: 15, //레이블 글자크기
                    labelX: 0, //레이블 좌우 offset 이동
                    labelY: 0 //레이블 상하 offset 이동
                },
        },
        style: {
            backgroundColor: "#0198CD", // 지도의 배경색
            border: {
                width: 0.4, //지도 경계선 굵기
                color: "#DDD" //지도 경계선 색상
            },
            pattern: "d-stripe" //지도 내에 패턴
        }
    },
    // 포인트 설정
    point: {
        // 포인트 심볼 설정
        symbol: {
                type: "circle", // 심볼 기본 모양
                label: '',  // 기본 표시 레이블
                style: {
                    color: "green", // 심볼 색상
                    size: 50, // 심볼 크기
                    labelPos: "bottom", //레이블 위치
                    labelColor: "#666666", //레이블 글자색
                    labelSize: 15, //레이블 글자크기
                    labelX: 0, //레이블 좌우 offset 이동
                    labelY: 0 //레이블 상하 offset 이동
                }
            },
            image: {
                url : '', //기본 이미지 URL
                label: '', //기본 레이블
                style: {
                    width: 30, // 이미지 너비
                    height: 30, // 이미지 높이
                    backgroundColor: "transparent", //배경
                    // 테두리 스타일
                    border: {
                        width: 0,
                        color: "green",
                        radius: 3
                    },
                    labelPos: "bottom", //레이블 위치
                    labelColor: "#666666", //레이블 글자색
                    labelSize: 15, //레이블 글자크기
                    labelX: 0, //레이블 좌우 offset 이동
                    labelY: 0 //레이블 상하 offset 이동
                }
            },
            chart: {
                zoom: true,
                // label: '',
                style: {
                    width: 30, //차트 너비
                    height: 30, //차트 높이
                    backgroundColor: "transparent", //차트 배경색
                    // 테두리 스타일
                    border: {
                        width: 0,
                        color: "green",
                        radius: 3
                    },
                    labelPos: "bottom", //레이블 위치
                    labelColor: "#666666", //레이블 글자색
                    labelSize: 15, //레이블 글자크기
                    labelX: 0, //레이블 좌우 offset 이동
                    labelY: 0 //레이블 상하 offset 이동
                },
                tooltip: {
                    enable: true,
                    style: {
                        border: {
                            color: "orange"
                        }
                    }
                }
            },
    },
    // 범례 설정
    legend: {
        enable: false, //범례 사용여부
        width: 30, // type:"color" 사용시 색상 icon의 너비
        orient: "horizontal", //범례 정렬
        align: "right",
        vertialAlign: "middle",
        type: "color", // 범례 유형 (color, symbole)
        cellCount: 5 // type:"color" 사용시 범례에 표시될 아이콘 개수
    },
    // 메인 타이틀 설정
    title: {
        text: "", //타이틀 내용
        style: {
            color: "black",
            fontSize: 24,
            fontFamily: "Malgun Gothic",
            fontWeight: "bold"
        }
    },
    // 서브 타이틀 설정
    subtitle: {
        text: "", //서브 타이틀 내용
        style: {
            color: "black",
            fontSize: 12,
            fontFamily: "Malgun Gothic"
        }
    },
    // 배경 색상
    style: {
        backgroundColor: "#455dc9", //배경색
        className: "SEASIDE" //배경 클래스
    }
}

// 공통 속성 설정
IBMapCharts.config(cfg);

Since