graphiques légers
v4.2.1
Démos | Documents | Communauté Discorde | Reddit
TradingView Lightweight Charts™ est l'un des graphiques HTML5 financiers les plus petits et les plus rapides.
La bibliothèque Lightweight Charts™ est le meilleur choix pour vous si vous souhaitez afficher des données financières sous forme de graphique interactif sur votre page Web sans affecter la vitesse et les performances de chargement de votre page Web.
C'est le meilleur choix pour vous si vous souhaitez remplacer les graphiques d'images statiques par des graphiques interactifs. La taille de la bibliothèque est proche des images statiques, mais si vous avez des dizaines de graphiques d'images sur une page Web, l'utilisation de cette bibliothèque peut réduire la taille de votre page Web.
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 } ,
] ) ;Vous pouvez utiliser unpkg :
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
La version autonome crée un objet window.LightweightCharts avec toutes les exportations de la version esm :
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 } ,
] ) ;| Dépendances incluses | Mode | Module ES | CommonJS | IIFE ( window.LightweightCharts ) |
|---|---|---|---|---|
| Non | PROD | lightweight-charts.production.mjs | lightweight-charts.production.cjs | N / A |
| Non | DÉVELOPPEUR | lightweight-charts.development.mjs | lightweight-charts.development.cjs | N / A |
| Oui (autonome) | PROD | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| Oui (autonome) | DÉVELOPPEUR | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
Voir BUILDING.md pour obtenir des instructions sur la façon de créer lightweight-charts à partir des sources.
Sous licence Apache, version 2.0 (la « Licence » ); vous ne pouvez pas utiliser ce logiciel sauf en conformité avec la licence. Vous pouvez obtenir une copie de la licence dans le fichier LICENSE. Sauf disposition contraire de la loi applicable ou accord écrit, le logiciel distribué sous la licence est distribué « EN L'ÉTAT », SANS GARANTIE OU CONDITION D'AUCUNE SORTE, expresse ou implicite. Consultez la licence pour connaître la langue spécifique régissant les autorisations et les limitations en vertu de la licence.
Ce logiciel intègre plusieurs parties de tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation) qui sont couvertes par la licence BSD Zero Clause.
Cette licence nécessite de spécifier TradingView comme créateur du produit. Vous devez ajouter « l'avis d'attribution » du fichier NOTICE et un lien vers https://www.tradingview.com/ vers la page de votre site Web ou de votre application mobile qui est disponible pour vos utilisateurs. En guise de remerciement pour la création de ce produit, nous vous serions reconnaissants de l'ajouter à un endroit bien en vue. Vous pouvez utiliser l'option de graphique attributionLogo pour afficher un lien approprié vers https://www.tradingview.com/ sur le graphique lui-même, ce qui satisfera à l'exigence de lien.
