문서
주제 하나에 한 페이지씩, 모두 35개 문서입니다. 대부분 그 자리에서 움직이는 차트와 그 코드가 함께 있습니다. 처음이라면 시작하기부터 읽으세요.
시작
차트 종류
- 선 차트시간에 따른 변화. 곡선, 계단, 점, 마지막 값 강조.
- 영역 차트양과 합계를 함께 보는 영역, 누적, 100% 누적.
- 막대 차트묶음, 누적, 100% 누적, 가로, 음수 막대.
- 파이·도넛전체 중 비율. 가운데 합계, 작은 조각은 기타로.
- 산점도·거품두 값의 관계. 점 크기로 세 번째 값.
- 방사형(레이더)여러 항목의 점수를 한눈에 비교.
- 게이지목표 대비 달성률 같은 값 하나.
- 콤보 (막대+선)시리즈마다 type 을 정해 한 차트에 섞기. 단위가 다르면 오른쪽 y축(직접 켜기).
- 스파크라인·KPI 카드큰 숫자, 증감 배지, 작은 추세선을 한 카드에.
숫자와 모양
상호작용과 내보내기
- 툴팁과 범례크로스헤어 툴팁, 값 모양 바꾸기, 범례로 시리즈 켜고 끄기.
- 확대와 이동드래그·휠·핀치로 구간 확대, 더블클릭으로 원래대로. 무료.
- 주석: 기준선과 구간목표선, 평균선, 행사 기간 음영.
- 내보내기PNG·SVG·CSV 내려받기, 표로 보기. 키·워터마크 없이.
- 많은 점 (다운샘플링)수만 개 점의 선·영역을 LTTB 로 줄여 그리기. CSV·표는 원본 그대로.
- 불러오는 중·오류·빈 데이터setLoading, setError(다시 시도), noData 문구.
- 차트 묶기 (크로스헤어 공유)단위가 다른 값은 이중 축 대신 위아래 차트로.
- 접근성키보드로 값 읽기, 자동 요약, 숨긴 표, 움직임 줄이기.