Leichte Diagramme
v4.2.1
Demos | Dokumentation | Discord-Community | Reddit
TradingView Lightweight Charts™ sind eines der kleinsten und schnellsten HTML5-Finanzdiagramme.
Die Lightweight Charts™-Bibliothek ist die beste Wahl für Sie, wenn Sie Finanzdaten als interaktives Diagramm auf Ihrer Webseite anzeigen möchten, ohne die Ladegeschwindigkeit und Leistung Ihrer Webseite zu beeinträchtigen.
Es ist die beste Wahl für Sie, wenn Sie statische Bilddiagramme durch interaktive ersetzen möchten. Die Größe der Bibliothek ähnelt statischen Bildern. Wenn Sie jedoch Dutzende von Bilddiagrammen auf einer Webseite haben, kann die Verwendung dieser Bibliothek die Größe Ihrer Webseite verringern.
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 } ,
] ) ;Sie können unpkg verwenden:
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.produktion.js
Die Standalone-Version erstellt das window.LightweightCharts -Objekt mit allen Exporten aus esm Version:
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 } ,
] ) ;| Abhängigkeiten enthalten | Modus | ES-Modul | CommonJS | IIFE ( window.LightweightCharts ) |
|---|---|---|---|---|
| NEIN | PROD | lightweight-charts.production.mjs | lightweight-charts.production.cjs | N / A |
| NEIN | ENTW | lightweight-charts.development.mjs | lightweight-charts.development.cjs | N / A |
| Ja (eigenständig) | PROD | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| Ja (eigenständig) | ENTW | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
Anweisungen zum Erstellen von lightweight-charts aus dem Quellcode finden Sie unter BUILDING.md.
Lizenziert unter der Apache-Lizenz, Version 2.0 (die „Lizenz“); Sie dürfen diese Software nur in Übereinstimmung mit der Lizenz verwenden. Eine Kopie der Lizenz erhalten Sie in der Datei LICENSE. Sofern nicht durch geltendes Recht vorgeschrieben oder schriftlich vereinbart, wird die im Rahmen der Lizenz vertriebene Software „WIE BESEHEN“ und OHNE GEWÄHRLEISTUNGEN ODER BEDINGUNGEN JEGLICHER ART, weder ausdrücklich noch stillschweigend, vertrieben. Die spezifische Sprache, die die Berechtigungen und Einschränkungen im Rahmen der Lizenz regelt, finden Sie in der Lizenz.
Diese Software enthält mehrere Teile von tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation), die durch die BSD Zero Clause-Lizenz abgedeckt sind.
Für diese Lizenz muss TradingView als Produktersteller angegeben werden. Sie müssen den „Namensnennungsvermerk“ aus der HINWEIS-Datei und einen Link zu https://www.tradingview.com/ zu der Seite Ihrer Website oder mobilen Anwendung hinzufügen, die Ihren Benutzern zur Verfügung steht. Als Dank dafür, dass Sie dieses Produkt erstellt haben, würden wir uns freuen, wenn Sie es an prominenter Stelle hinzufügen. Sie können die Diagrammoption attributionLogo verwenden, um einen entsprechenden Link zu https://www.tradingview.com/ im Diagramm selbst anzuzeigen, der die Linkanforderung erfüllt.
