경량 차트
v4.2.1
데모 | 문서 | 디스코드 커뮤니티 | 레딧
TradingView Lightweight Charts™는 가장 작고 빠른 금융 HTML5 차트 중 하나입니다.
웹 페이지 로딩 속도와 성능에 영향을 주지 않고 웹 페이지에 금융 데이터를 대화형 차트로 표시하려는 경우 Lightweight Charts™ 라이브러리가 최선의 선택입니다.
정적 이미지 차트를 대화형 차트로 교체하려는 경우 이것이 최선의 선택입니다. 라이브러리의 크기는 정적 이미지에 가깝지만 웹 페이지에 수십 개의 이미지 차트가 있는 경우 이 라이브러리를 사용하면 웹 페이지의 크기를 더 작게 만들 수 있습니다.
npm install lightweight-charts import { createChart } from 'lightweight-charts' ;
const chart = createChart ( document . body , { width : 400 , height : 300 } ) ;
const lineSeries = chart . addLineSeries ( ) ;
lineSeries . setData ( [
{ time : '2019-04-11' , value : 80.01 } ,
{ time : '2019-04-12' , value : 96.63 } ,
{ time : '2019-04-13' , value : 76.64 } ,
{ time : '2019-04-14' , value : 81.89 } ,
{ time : '2019-04-15' , value : 74.43 } ,
{ time : '2019-04-16' , value : 80.01 } ,
{ time : '2019-04-17' , value : 96.63 } ,
{ time : '2019-04-18' , value : 76.64 } ,
{ time : '2019-04-19' , value : 81.89 } ,
{ time : '2019-04-20' , value : 74.43 } ,
] ) ;unpkg를 사용할 수 있습니다.
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
독립형 버전은 esm 버전의 모든 내보내기와 함께 window.LightweightCharts 객체를 생성합니다.
const chart = LightweightCharts . createChart ( document . body , { width : 400 , height : 300 } ) ;
const lineSeries = chart . addLineSeries ( ) ;
lineSeries . setData ( [
{ time : '2019-04-11' , value : 80.01 } ,
{ time : '2019-04-12' , value : 96.63 } ,
{ time : '2019-04-13' , value : 76.64 } ,
{ time : '2019-04-14' , value : 81.89 } ,
{ time : '2019-04-15' , value : 74.43 } ,
{ time : '2019-04-16' , value : 80.01 } ,
{ time : '2019-04-17' , value : 96.63 } ,
{ time : '2019-04-18' , value : 76.64 } ,
{ time : '2019-04-19' , value : 81.89 } ,
{ time : '2019-04-20' , value : 74.43 } ,
] ) ;| 종속성이 포함됨 | 방법 | ES 모듈 | 커먼JS | IIFE( window.LightweightCharts ) |
|---|---|---|---|---|
| 아니요 | 찌르다 | lightweight-charts.production.mjs | lightweight-charts.production.cjs | 해당 없음 |
| 아니요 | 개발 | lightweight-charts.development.mjs | lightweight-charts.development.cjs | 해당 없음 |
| 예(독립형) | 찌르다 | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| 예(독립형) | 개발 | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
소스에서 lightweight-charts 작성하는 방법에 대한 지침은 BUILDING.md를 참조하세요.
Apache 라이센스 버전 2.0("라이센스")에 따라 라이센스가 부여되었습니다. 라이센스를 준수하는 경우를 제외하고는 이 소프트웨어를 사용할 수 없습니다. LICENSE 파일에서 라이센스 사본을 얻을 수 있습니다. 해당 법률에서 요구하거나 서면으로 동의하지 않는 한, 라이선스에 따라 배포되는 소프트웨어는 명시적이든 묵시적이든 어떠한 종류의 보증이나 조건 없이 "있는 그대로" 배포됩니다. 라이선스에 따른 허가 및 제한 사항을 관리하는 특정 언어는 라이선스를 참조하세요.
이 소프트웨어는 BSD Zero Clause License가 적용되는 tslib(https://github.com/Microsoft/tslib, (c) Microsoft Corporation)의 여러 부분을 통합합니다.
이 라이센스는 TradingView 를 제품 제작자로 지정해야 합니다. 귀하는 NOTICE 파일의 "귀속 공지"와 https://www.tradingview.com/ 링크를 귀하의 사용자가 사용할 수 있는 귀하의 웹사이트 또는 모바일 애플리케이션 페이지에 추가해야 합니다. 이 제품을 만들어주셔서 감사드리며, 눈에 띄는 곳에 추가해주시면 감사하겠습니다. 차트 자체에 https://www.tradingview.com/에 대한 적절한 링크를 표시하기 위해 attributionLogo 차트 옵션을 사용할 수 있으며 이는 링크 요구 사항을 충족합니다.
