style (cfg.point)
point 데이터를 이용해서 생성한 포인트의 스타일을 설정합니다.
point.chart, point.image, point.symbol에 적용 됩니다.
참고 : point.chart.style, point.style.image, point.symbol.style에 적용된 설정 보다 낮은 우선순위를 지닙니다.
Type
object
Options
| Value |
Description |
object |
포인트의 스타일을 설정 |
style Info
| name |
type |
required(Default) |
description |
color |
string |
선택('green') |
심볼의 색상 |
size |
number |
선택(50) |
심볼의 크기 |
height |
number |
선택(30) |
차트 영역, 이미지 영역의 높이 설정 |
width |
number |
선택(30) |
차트 영역, 이미지 영역의 너비 설정 |
backgroundColor |
string |
선택('transparent') |
차트 영역, 이미지 영역의 배경색 설정 |
border |
object |
선택 |
차트 영역, 이미지 영역의 테두리 설정 |
labelColor |
string |
선택(’#666666’) |
label의 font 색상 |
labelSize |
number |
선택(15) |
label의 font 크기 |
labelPos |
string |
선택('bottom') |
point 기준 label의 위치('top','bottom','left','right') |
labelX |
number |
선택 |
label의 x축 방향 위치 조정 |
labelY |
number |
선택 |
label의 y축 방향 위치 조정 |
labelLineBreak |
string |
선택 |
레이블을 줄바꿈 기준 설정 |
textAlign |
string |
선택 |
레이블을 줄바꿈 시 문자 정렬 설정('left', 'center', 'right') |
style.border Info
| name |
type |
required(Default) |
description |
width |
number |
선택(0.4) |
테두리 너비 설정 |
color |
string |
선택(’#000000’) |
테두리 색상 설정 |
radius |
number |
선택(3) |
테두리 radius 설정 |
Example
IBMapCharts.config({
point:{
style:{
color:'red',
size: 70
}
}
})