RealChart 모듈 사용 가이드
RealChart 모듈 개요 및 사용 방법
RealChart는 다양한 데이터 시각화를 위해 여러 종류의 시리즈를 지원하며, 자주 사용되는 일반적인 시리즈들 외에 특정 시리즈 및 게이지들을 사용하기 위해서는 시리즈나 게이지들이 포함된 별도 모듈을 추가로 로드해야 한다. 각 모듈은 독립적으로 관리되므로 필요한 기능에 맞춰 모듈을 선택적으로 가져와 사용하면 된다. 이 가이드에서는 각 모듈의 사용 방법과 로드 방식에 대해 설명한다.
아래 현재 배포되는 모듈들과 모듈에 포함된 시리즈 및 게이지들과 분할 차트에 대해 설명한다.
모듈별 사용 방법
1. Treemap 모듈
TypeScript / ES6 환경
import RealChart from "realchart";
import Treemap from "realchart/treemap";
Treemap(RealChart);Vanilla JavaScript 환경
<script src="./lib/realchart-1.2.0.min.js"></script>
<script src="./lib/treemap.js"></script>2. Heatmap 모듈
TypeScript / ES6 환경
import RealChart from "realchart";
import Heatmap from "realchart/heatmap";
Heatmap(RealChart);Vanilla JavaScript 환경
<script src="./lib/realchart-1.2.0.min.js"></script>
<script src="./lib/heatmap.js"></script>3. Vector 모듈
TypeScript / ES6 환경
import RealChart from "realchart";
import Vector from "realchart/vector";
Vector(RealChart);Vanilla JavaScript 환경
<script src="./lib/realchart-1.2.0.min.js"></script>
<script src="./lib/vector.js"></script>4. Gauge 모듈
TypeScript / ES6 환경
import RealChart from "realchart";
import Gauge from "realchart/gauge";
Gauge(RealChart);Vanilla JavaScript 환경
<script src="./lib/realchart-1.2.0.min.js"></script>
<script src="./lib/gauge.js"></script>5. Split 모듈
TypeScript / ES6 환경
import RealChart from "realchart";
import Split from "realchart/split";
Split(RealChart);Vanilla JavaScript 환경
<script src="./lib/realchart-1.2.0.min.js"></script>
<script src="./lib/split.js"></script>