차트의 기본 옵션을 설정 합니다.
차트 기본 속성 설정은setOptions의chart를 이용하여 차트의 기본 옵션을 정의 합니다.
이 속성에서는 차트 유형, 차트의 배경색 등을 정의 할 수 있습니다.
| name | type | required(default) | description |
|---|---|---|---|
| type | string |
선택(line) | 차트 유형 값은 chart.type 참고 |
| plotBackgroundColor | color |
선택(undefined) | 차트 영역의 배경색상 |
| plotBorderColor | color |
선택(#cccccc) | 차트 영역의 border 색상 |
| plotBorderWidth | number |
선택(0) | 차트 영역의 border 너비 |
| plotShadow | boolean |
선택(false) | 차트 영역에 대한 그림자 표시 여부 |
| inverted | boolean |
선택(false) | X축과 Y축 반전 여부 |
| polar | boolean |
선택(false) | polar 차트 구성 여부 |
| zoomType | string |
선택(undefined) | 마우스 드래그시 zoom 적용 방법 설정 값: "x", "y", "xy" |
| backgroundColor | color |
선택(#ffffff) | 차트 컨테이너 영역의 배경색상 |
| borderColor | color |
선택(#334eff) | 차트 컨테이너 영역의 border 색상 |
| borderWidth | number |
선택(0) | 차트 컨테이너 영역의 border 너비 |
| borderRadius | number |
선택(0) | 차트 컨테이너 영역에 대한 radius 적용 값 |
| shadow | boolean |
선택(false) | 차트 컨테이너 영역에 대한 그림자 표시 여부 |
| margin | number or Array |
선택(undefined) | 차트 컨테이너 영역에 대한 margin 값 |
| spacing | number or Array |
선택([10, 10, 15, 10]) | 차트 컨테이너 테두리와 차트 내용(제목, 범례, 축 라벨 등) 사이의 여백을 설정합니다. |
| style | object |
선택(undefined) | 차트 전체에 적용할 글꼴 등 기본 스타일을 설정합니다. |
| animation | boolean or object |
선택(true) | 차트를 다시 그릴 때(데이터 변경, 시리즈 표시/숨김, 크기 변경 등)의 애니메이션을 설정합니다. |
| alignTicks | boolean |
선택(true) | y축이 여러 개일 때 축들의 눈금 위치를 서로 맞출지 설정합니다. |
| zooming | object |
선택(undefined) | 마우스 드래그로 차트를 확대하는 방법을 설정합니다. |
| panning | object |
선택({enabled: false, type: "x"}) | 확대한 차트를 마우스 드래그로 이동(패닝)할 수 있게 설정합니다. |
| panKey | string |
선택(undefined) | 확대(zooming)와 패닝(panning)을 함께 쓸 때, 패닝으로 동작하게 할 키를 설정합니다. |
| scrollablePlotArea | object |
선택(undefined) | 그래프 영역이 지정한 크기보다 작아지면 가로 또는 세로 스크롤을 표시합니다. |
| plotBackgroundImage | string |
선택(undefined) | 그래프 영역(축 안쪽)의 배경 이미지 URL을 설정합니다. 이미지 URL (예: "/images/bg.png") |
| showAxes | boolean |
선택(undefined) | 시리즈 데이터가 없을 때도 축을 표시할지 설정합니다. |
| ignoreHiddenSeries | boolean |
선택(true) | 시리즈를 숨겼을 때 축 범위를 남은 시리즈에 맞게 다시 계산할지 설정합니다. |
| selectionMarkerFill | color |
선택(rgba(51,92,173,0.25)) | 마우스로 드래그해서 확대할 영역을 고를 때 표시되는 선택 영역의 색상을 설정합니다. |
| alignThresholds | boolean |
선택(false) | y축이 여러 개일 때 각 축의 기준값(0) 위치를 같은 높이로 맞춥니다. |
| numberFormatter | function |
선택(undefined) | 차트 안의 모든 숫자(축 라벨, 툴팁, 데이터 라벨 등) 표시 형식을 정하는 함수를 설정합니다. |