설치
RealPivot2 패키지 설치 방법과 라이선스 및 스타일 적용 방법을 안내합니다.
RealPivot2 모듈은 npm 패키지로 설치하여 import해 사용하거나,
npm i realpivot2import { createControl, setLicenseKey } from 'realpivot2';
import 'realpivot2/style.css';HTML에 <script> 태그로 직접 불러올 수도 있습니다.
<script type="text/javascript" src="../lib/realpivot2.min.js"></script>
<link href="../styles/realpivot2-style.css" rel="stylesheet" />단, 어떤 방식을 선택하든 RealPivot2의 기본 스타일이 담긴 CSS 파일도 함께 로드해야 합니다.
RealPivot2는 상용 라이선스로 배포되기 때문에 우리테크에서 제공한 라이선스를 별도로 적용해야 합니다.
HTML에 라이선스 스크립트를 포함하는 경우:
<script type="text/javascript" src="../lib/realpivot2-lic.js"></script>라이선스 파일에는 보통 아래와 같이 전역 변수가 설정됩니다.
var realPivot2Lic = '......라이선스정보.....';모듈 번들러 환경에서는 setLicenseKey로 등록할 수 있습니다.
import { setLicenseKey } from 'realpivot2';
setLicenseKey('......라이선스정보.....');탐색기의 Chart·Map 패널을 사용하려면 RealChart·RealMap 모듈 및 관련 스타일과 라이선스도 함께 포함해야 합니다.
import 'realchart/realchart-style.css';
import 'realmap/realmap-style.css';<script type="text/javascript" src="../lib/realchart-lic.js"></script>
<script type="text/javascript" src="../lib/realmap-lic.js"></script>
<link href="../styles/realchart-style.css" rel="stylesheet" />
<link href="../styles/realmap-style.css" rel="stylesheet" />Excel / CSV / PDF 내보내기 사용법은 내보내기 페이지를 참고하세요.
React·Vue 애플리케이션에 적용(연동)하는 방법은 React 개발 가이드·Vue 개발 가이드를 참고하세요.