맨위로가기
 

SBCHART

닫기

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 옵션을 사용해야 합니다.


Example

Code