#2.0.52
맵 차트에 서브차트(circle) 사용을 위한 속성을 지정합니다.
서브차트는 현재 전국지도(1 level)만 지원됩니다.
extend: {
map: {
subchart: {
show: true,
type: "circle",
basePosition: "code",
subDatas: [
{
data: {
json: [
{"code": 11, "label": "서울", "value": 75, "x": -10, "y": 15, "color": "#00f"},
{"code": 39, "label": "제주", "value": 55, "x": -10, "y": 15, "color": "#00f"},
],
keys: {
x: "code",
value: ["value"]
}
},
},
],
extend: {
circle: {
stroke: "red",
strokeWidth: 1.5,
strokeOpacity: 1,
color: "#81c147",
opacity: 0.5,
label: {
show: true,
textColor: "#f00",
textSize: 13
},
radius: {
min: 20,
max: 70,
},
values: {
min: 70,
max: 200,
},
format: function(value, label) {
return label + '\n' + value;
}
},
},
global: {
onclick: function(code, label, value) {
console.log(label);
},
},
tooltip: {
show: true,
format: {
value: function(key, value, region) {
return region + " :: " + value;
}
},
},
}
}
}
#2.0.52
맵차트에 서브차트 사용 여부를 설정합니다.
subchart.show, subchart.type, subchart.subDatas는 필수 속성입니다.
#2.0.52
circle과 subchart(circle&pie)을 구분하기 위한 속성입니다
subchart.show, subchart.type, subchart.subDatas는 필수 속성입니다.
#2.0.52
맵차트에 subchart차트를 표시하기 위한 기준점을 설정합니다.
#2.0.52
map차트에 표시할 subchart(circle&pie)의 위치정보 및 차트 데이터를 설정합니다.
position과 data는 반드시 입력받아야 합니다.
subchart.show, subchart.type, subchart.subDatas는 필수 속성입니다.
#2.0.52
테두리 색상 설정합니다. stroke속성 미사용시 json color색상이 stroke 색상으로 표시합니다.
#2.0.52
테두리 너비 설정합니다.
#2.0.52
테두리 불투명도 설정합니다.
#2.0.52
원 색상을 설정합니다. json에 color속성 적용시 해당 color가 적용되며 json.color와 color속성이 모두 미적용 시 기본색상이 적용됩니다.
#2.0.52
원 불투명도를 설정합니다.
#2.0.52
panel 표시 여부를 설정합니다.
#2.0.52
라벨을 커스터마이징합니다.
(\n)사용하면 개행 가능합니다.
label: {
format: function(value, label) {
return label + '\n' + value;
}
}
#2.0.52
라벨 색상을 표시합니다.
#2.0.52
라벨 텍스트 크기를 설정합니다.
#2.0.52
맵 영역 클릭 이벤트 핸들러를 지정합니다.
subchart: {
global: {
onclick: functionfunction(code, label, value) {
console.log(label, value);
}
}
}
#2.0.52
서브차트 툴팁 표시 여부를 지정합니다.
#2.0.52
툴팁의 범례 값을 변경합니다.