Matrix
#latest #chart
matrix 차트 기본 예제입니다.
matrix 차트의 데이터는 JSON 형태로만 제공합니다.
JSON 데이터 내 필수 항목은 data.keys의 x, y, value 값들 입니다.
아래 옵션들을 통해 특정 데이터를 커스텀 할 수 있습니다.
| option |
description |
| dataShapeColor |
데이터 영역 컬러 설정 |
| imageSrc |
이미지 소스 설정 |
| fontColor |
폰트 컬러 설정 |
| fontSzie |
폰트 크기 설정 |
| fontWeight |
폰트 굵기 설정 |
| fontFamily |
폰트 설정 |
| movePositionX |
X좌표 설정 |
| movePositionY |
Y좌표 설정 |
| type |
데이터가 표시될 형태 설정 |
각 cell, data 영역의 shape, text의 스타일을 변경할 수 있습니다.
rows, columns 옵션들을 통해 행, 열을 확장할 수 있습니다.
각 cell을 클릭했을 때 선택된 cell을 타입에 따라 강조시켜 보여주는 highlightFilter 기능을 사용하실 수 있습니다.
global.onclick 옵션을 설정했을 때 첫번 째 인자는 클릭한 셀의 데이터 입니다.
data.keys 옵션의 key 값을 통해 데이터와 연결하는 차트이므로 반드시 data.keys 옵션을 사용해야 합니다.
