데이터 차트

데이터 차트는 SpreadJS 데이터 매니저에서 관리하는 데이터를 시각화하는 차트 컴포넌트입니다. 워크시트 셀 범위를 사용하는 기존 차트와 달리 데이터 차트는 데이터 매니저 테이블에 직접 바인딩되며 필드 기반 데이터 매핑을 사용하여 차트 구조를 정의합니다.

데이터 차트는 워크시트 그리드와 독립적으로 동작하므로 차트 데이터가 스프레드시트 셀 외부에서 관리되는 데이터 기반 애플리케이션에 적합합니다.

데이터 차트 및 데이터 매니저

데이터 차트는 데이터 원본으로 데이터 매니저 테이블이 필요합니다. 차트 데이터는 셀 범위가 아닌 테이블 필드를 참조하여 정의합니다.

이러한 구조는 다음과 같은 이점을 제공합니다.

• 데이터 저장과 표현의 명확한 분리

• 유연한 필드 기반 데이터 바인딩

• 구조화된 데이터 및 계층 구조 데이터 매핑 지원

데이터 차트는 워크시트 셀에서 데이터를 읽거나 워크시트 셀에 데이터를 저장하지 않습니다.

주요 기능

• 동적 데이터 바인딩 - 차트가 데이터 매니저 테이블에 직접 바인딩되므로 고정된 셀 범위를 사용할 필요가 없습니다.

• 고급 구성 및 스타일 지정 - 데이터 차트는 유연한 플롯 정의, 인코딩 매핑 및 사용자 지정 가능한 시각적 설정을 지원합니다.

데이터 차트 만들기

다음 방법을 사용하여 데이터 차트를 만들 수 있습니다.

• 런타임 API – GC.Spread.Sheets.DataCharts.DataChart 클래스를 사용하여 차트를 추가하고 setChartConfig를 사용하여 구성합니다.

• SpreadJS 디자이너 컴포넌트 – 삽입 탭에서 데이터 차트를 선택하여 데이터 차트를 삽입합니다.

단계별 지침은 다음을 참조하세요.

• 데이터 차트 생성하기

• 데이터 차트 요소

• 데이터 원본 바인딩

• 차트 유형

• 데이터 차트 디자이너

호환성 및 라이선스

• 데이터 차트와 Excel 차트는 호환되지 않습니다. Excel로 내보내면 데이터 차트가 이미지로 변환됩니다.

• 데이터 차트는 추가 기능으로 제공됩니다. 프로덕션 환경에서 워터마크를 제거하려면 데이터 차트 기능이 포함된 유효한 SpreadJS 라이선스가 필요합니다.