차트의 범례에 대한 구성 옵션을 설정하는 속성입니다.
setOptions의legend를 이용하여 범례에 대한 구성 옵션을 설정합니다.
| name | type | required (default) | description |
|---|---|---|---|
| enabled | boolean |
선택(true) | 범례 표시 여부 |
| align | string |
선택(center) | 가로 정렬 방법 |
| verticalAlign | string |
선택(bottom) | 세로 정렬 방법 |
| backgroundColor | color |
선택(undefined) | 배경색 |
| borderColor | color |
선택(#999999) | border 색상 |
| borderWidth | number |
선택(1) | border의 너비 |
| borderRadius | number |
선택(5) | radius 적용 값 |
| layout | string |
선택(horizontal) | 배치 방법 |
| title | object |
선택 | 제목 속성 |
| title.text | string |
선택(undefined) | 제목 문자열 |
| title.style | object |
선택 | 스타일 속성 |
| x | number |
선택(0) | 좌우 포지션 이동 값 |
| y | number |
선택(0) | 상하 포지션 이동 값 |
| floating | boolean |
선택(false) | 플로팅영역 여부 |
| reversed | boolean |
선택(false) | 시리즈 항목 역순 |
| itemStyle.color | string |
선택 | 시리즈 text 색상 |
| itemStyle.fontWeight | string |
선택(bold) | 시리즈 text 굵기 |
| itemStyle.fontSize | string |
선택(12px) | 시리즈 text 크기 |
| itemWidth | number |
선택(0) | 시리즈 아이템 별 너비 |
| itemDistance | number |
선택(20) | 시리즈 아이템 별 간격 |
| itemHoverStyle.color | color |
선택(#000000) | 시리즈 아이템 마우스 호버시 색상 |
| shadow | boolean |
선택(false) | 시리즈 아이템 그림자 표시 여부 |
| labelFormat | string |
선택({name}) | 범례 항목의 데이터 레이블 형식 설정 |
| labelFormatter | function() |
선택(undefined) | 범례 항목의 데이터 레이블 형식 설정 |
| padding | number |
선택(8) | 범례 상자 안의 padding 설정 |
| rtl | boolean |
선택(false) | 범례 아이콘 표시 위치 설정 |
| symbolHeight | number |
선택 | 범례 아이콘 높이 설정 |
| symbolPadding | number |
선택(5) | 범례 아이콘과 텍스트 사이 padding 설정 |
| symbolRadius | number |
선택 | 범례 아이콘 radius 설정 |
| symbolWidth | number |
선택 | 범례 아이콘 너비 설정 |
| width | number or string |
선택 | 범례 상자 너비 설정 |