문서 › 시작
CDN 파일
버전 고정 주소와 latest 주소, 파일 종류.
82chart.com이 직접 파일을 내려줍니다. 버전이 들어간 주소는 내용이 절대 바뀌지 않으므로 브라우저가 1년간 캐시합니다. 운영 사이트에는 버전 주소를 쓰세요.
| 파일 | 설명 |
|---|---|
/cdn/v0.3.0/82chart.min.js | 스크립트 태그용. 전역 Chart82 를 만들고 <chart-82> 를 등록합니다. |
/cdn/v0.3.0/82chart.esm.js | <script type="module"> 에서 import 하는 단일 ES 모듈. |
/cdn/v0.3.0/82chart.css | 카드·툴팁·범례 스타일 (밝은·어두운 테마 포함). |
/cdn/latest/… | 항상 최신 버전. 1시간 캐시. 시험용으로만 쓰세요. |
ES 모듈로 불러오기
<link rel="stylesheet" href="https://82chart.com/cdn/v0.3.0/82chart.css">
<div id="chart"></div>
<script type="module">
import { createChart } from 'https://82chart.com/cdn/v0.3.0/82chart.esm.js';
createChart('#chart', { type: 'line', data: { labels: ['월', '화', '수'], series: [{ data: [3, 5, 4] }] } });
</script>전역 Chart82 에 들어 있는 것
createChart, renderToSVG, defineChartElement, 숫자 도우미 korean · compact · comma, registerLocale, 팔레트 PALETTE_LIGHT · PALETTE_DARK, VERSION. npm 패키지에서 import 하는 것과 같습니다.