tradingview/lightweight-charts

어떤 프로젝트인가요?

핵심 기능

• 01HTML5 canvas에 인터랙티브 금융 차트를 렌더링합니다.
• 02npm으로 설치하거나 CDN에서 독립 실행형 번들로 불러올 수 있습니다.
• 03커스텀 시리즈와 프리미티브를 만들 수 있는 플러그인 시스템을 지원합니다.
• 04ES module 및 IIFE 형식의 개발용·프로덕션용 빌드를 제공합니다.
• 05TypeScript 타입을 제공하며 예제가 포함된 API 문서를 제공합니다.

활용 사례

• 트레이딩 또는 시장 데이터 웹사이트에 인터랙티브 가격 차트를 추가합니다.
• 대시보드의 정적인 차트 이미지를 대체해 페이지 용량을 줄입니다.
• 플러그인 API를 활용해 커스텀 금융 시각화를 만듭니다.

빠른 시작

1. 1

   npm에서 라이브러리를 설치합니다

   npm install lightweight-charts
2. 2

   createChart와 LineSeries를 가져온 다음 페이지에 차트를 만듭니다

사용 전 알아둘 점

• !금융 차트 표시를 위해 만들어졌으며 범용 차트 라이브러리는 아닙니다.

포함된 컬렉션

토픽

자주 묻는 질문

lightweight-charts은(는) 무엇인가요?

웹 페이지에 인터랙티브 금융 차트를 만들 수 있는 작고 빠른 HTML5 canvas 라이브러리입니다. Lightweight Charts는 TradingView에서 제공하는 TypeScript 차트 라이브러리로, HTML5 canvas에 인터랙티브 금융 차트를 렌더링합니다. 웹 페이지의 정적인 차트 이미지를 인터랙티브한 차트로 대체하면서 페이지 크기와 로딩 시간은 거의 늘리지 않도록 설계되었습니다.

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

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

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

활발히 유지보수 중. lightweight-charts의 마지막 커밋은 2026년 11월 6일입니다.

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

트레이딩 또는 시장 데이터 웹사이트에 인터랙티브 가격 차트를 추가합니다. 대시보드의 정적인 차트 이미지를 대체해 페이지 용량을 줄입니다. 플러그인 API를 활용해 커스텀 금융 시각화를 만듭니다.

lightweight-charts는 어떻게 설치하나요?

npm에서 라이브러리를 설치합니다: npm install lightweight-charts createChart와 LineSeries를 가져온 다음 페이지에 차트를 만듭니다

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

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