많이 쓰는 차트 라이브러리와 비교
기능 개수보다 관리자 화면·대시보드에 실제로 붙일 때 부딪히는 것들(라이선스, 유료 등급, 한국식 숫자)을 놓고 비교했습니다. 각 제품의 공개 정보(2026년 10월) 기준이며, 요금과 정책은 바뀔 수 있습니다.
| 항목 | 82chart | High●●●rts | Apex●●●rts 5+ | AG Ch●●ts Community | AG Ch●●ts Enterprise | EC●●rts | Chart.●s | Re●●arts | To●●t UI Chart |
|---|---|---|---|---|---|---|---|---|---|
| 가격·라이선스 | 무료 (MIT), 키·워터마크 없음 | 상용은 유료 (좌석당 연 366달러부터) | 5.0부터 MIT 아님: 연 매출 200만 달러 이상 유료, 6.5부터 프리미엄 모듈은 키 없으면 워터마크 | 무료 (MIT) | 유료, 키 필요 | 무료 (Apache 2.0) | 무료 (MIT) | 무료 (MIT) | 무료 (MIT) |
| 유지보수 | 활발 | 활발 (상용) | 활발 | 활발 | 활발 (상용) | 활발 | 활발 | 활발 | 2026년 9월 저장소 보관 |
| 확대·이동 | 기본 포함 (드래그·휠·핀치·키보드) | 있음 (chart.zooming) | 있음 | 없음 (Enterprise 기능) | 있음 | 있음 (dataZoom) | 공식 플러그인 따로 | Brush 로 범위 선택, 확대는 직접 구현 | 선·영역만 |
| 크로스헤어 툴팁 | 기본 포함 | 있음 | 있음 | 없음 (Enterprise 기능) | 있음 | 있음 (axisPointer) | 직접 구현·커뮤니티 플러그인 | 있음 (Tooltip cursor) | - |
| 주석 (목표선·구간) | 기본 포함 | 있음 | 있음 | 있음 (Cross Lines), 그리기 주석은 Enterprise | 있음 (Cross Lines·Annotations) | 있음 (markLine·markArea) | 공식 플러그인 따로 | 있음 (ReferenceLine·Area) | 선·영역 계열만 (plot lines·bands) |
| 내보내기 (PNG·SVG·CSV) | 기본 포함, 메뉴·표 보기 | 있음 (exporting 모듈) | 있음 (툴바) | PNG 저장 API, 메뉴·CSV 없음 | 이미지 저장 (우클릭 메뉴), CSV 없음 | 이미지 저장, CSV 없음 | 이미지 API (toBase64Image), CSV 없음 | 직접 구현 | 이미지·CSV·엑셀 |
| 히트맵 | 다음 버전 | 있음 (모듈) | 있음 | 없음 (Enterprise 기능) | 있음 | 있음 | 커뮤니티 플러그인 따로 | 없음 | 있음 |
| 한국어 만·억 축 | 기본 (한국어 페이지) | 포맷 함수 직접 | 포맷 함수 직접 | 포맷 함수 직접 | 포맷 함수 직접 | 포맷 함수 직접 | 포맷 함수 직접 | 포맷 함수 직접 | 포맷 함수 직접 |
| 접근성 (키보드·표 대체) | 키보드 탐색, 자동 요약, 숨긴 표 | 가장 충실 (accessibility 모듈, 표는 export-data) | 키보드 탐색·스크린 리더 (기본 켜짐), 표 대체 없음 | 키보드 탐색·스크린 리더, 표 대체 없음 | 키보드 탐색·스크린 리더, 표 대체 없음 | 자동 설명, 키보드 없음 | canvas, 대체 글 직접 | 키보드 탐색 (accessibilityLayer, 3.0부터 기본), 표 대체 없음 | 문서에 없음 (canvas) |
| 서버 렌더링 | renderToSVG, DOM 없이 (Workers 가능) | 별도 내보내기 서버 | SVG 문자열 SSR (범례 제외) | 브라우저 필요 (canvas) | 브라우저 필요 (canvas) | SVG SSR 지원 | 브라우저 필요 (canvas) | React SSR | 브라우저 필요 (canvas) |
| 공식 래퍼 | 웹 컴포넌트 + React·Vue·Svelte·Angular | React·Vue·Angular·Svelte | React·Vue·Angular | React·Vue·Angular | React·Vue·Angular | 공식 래퍼 없음 (커뮤니티 래퍼) | 커뮤니티 래퍼 | React 전용 | React·Vue |
| 무게 | gzip 약 30KB, 의존성 0 | 큼 | 큼 | 큼 | 큼 | 큼 (필요한 것만 가져오기 가능) | 중간 | 중간 + D3 모듈 | 중간 |
근거 자료 (2026년 10월 확인)
표가 넓으면 옆으로 밀어 보세요.
언제 82chart가 맞나요
- 보관된 To●●t UI Chart나 라이선스가 바뀐 Apex●●●rts를 대신할 무료 차트가 필요할 때
- 확대·크로스헤어·내보내기 같은 기능을 유료 등급 없이 쓰고 싶을 때
- 한국어 관리자 화면·보고서에서 만·억 단위와 "단위: 백만원"이 필요할 때
- 서버(Workers·Node)에서 같은 모양의 SVG를 만들어 메일·OG 이미지에 쓰고 싶을 때
다른 라이브러리가 나은 경우
- 수만~수십만 개의 점을 그려야 하면 canvas·WebGL 기반(EC●●rts, Chart.●s)
- 지도, 트리맵, 생키, 3D 같은 특수 차트가 필요하면 EC●●rts나 High●●●rts
- 주식 캔들·지표가 지금 필요하면 금융 차트 전용 제품 (82chart는 @82chart/stock 준비 중)