frappe/charts

어떤 프로젝트인가요?

핵심 기능

• 01축, 영역, 추세, 막대, 선, 파이, 백분율, 혼합 축, 히트맵 차트를 지원합니다
• 02주석을 위해 x 및 y 마커, 영역, 툴팁을 추가합니다
• 03개별 데이터 포인트를 제자리에서 업데이트하거나 전체 데이터셋을 새로 고칩니다
• 04색상, 애니메이션, 제목을 사용자 지정할 수 있습니다
• 05의존성이 없으며 npm 또는 CDN을 통해 배포됩니다

활용 사례

• 웹 대시보드에 간단한 매출 또는 활동 그래프를 추가합니다
• 무거운 차트 라이브러리 없이 관리자용 또는 ERP 스타일 인터페이스에 차트를 표시합니다
• 번들 크기가 중요한 페이지에 가벼운 SVG 차트를 삽입합니다

빠른 시작

1. 1

   npm에서 패키지를 설치합니다

   npm install frappe-charts
2. 2

   프로젝트에 Chart 클래스와 CSS를 가져옵니다

   import { Chart } from 'frappe-charts'
3. 3

   컨테이너 요소 안에 data, type, height 옵션을 지정해 차트를 만듭니다

포함된 컬렉션

토픽

자주 묻는 질문

charts은(는) 무엇인가요?

GitHub에서 영감을 받은 스타일의 간단하고 반응형인 SVG 차트를 렌더링하는 무의존성 JavaScript 라이브러리입니다. Frappe Charts는 값 배열을 SVG 차트로 변환하는 브라우저용 차트 라이브러리입니다. 작고 간단한 API와 GitHub 차트에서 영감을 받은 시각적 스타일에 중점을 두며, 런타임 의존성이 없습니다.

charts은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

charts은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

charts은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. charts의 마지막 커밋은 2026년 10월 19일입니다.

charts은(는) 어디에 사용할 수 있나요?

웹 대시보드에 간단한 매출 또는 활동 그래프를 추가합니다 무거운 차트 라이브러리 없이 관리자용 또는 ERP 스타일 인터페이스에 차트를 표시합니다 번들 크기가 중요한 페이지에 가벼운 SVG 차트를 삽입합니다

charts는 어떻게 설치하나요?

npm에서 패키지를 설치합니다: npm install frappe-charts 프로젝트에 Chart 클래스와 CSS를 가져옵니다: import { Chart } from 'frappe-charts' 컨테이너 요소 안에 data, type, height 옵션을 지정해 차트를 만듭니다

charts은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/frappe/charts