gráficos ligeros
v4.2.1
Demostraciones | Documentación | Comunidad de discordia | Reddit
TradingView Lightweight Charts™ es uno de los gráficos HTML5 financieros más pequeños y rápidos.
La biblioteca Lightweight Charts™ es la mejor opción para usted si desea mostrar datos financieros como un gráfico interactivo en su página web sin afectar la velocidad de carga y el rendimiento de su página web.
Es la mejor opción para usted si desea reemplazar los gráficos de imágenes estáticas por interactivos. El tamaño de la biblioteca se acerca al de las imágenes estáticas, pero si tiene docenas de gráficos de imágenes en una página web, el uso de esta biblioteca puede reducir el tamaño de su página 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 } ,
] ) ;Puedes usar unpkg:
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
La versión independiente crea el objeto window.LightweightCharts con todas las exportaciones de la versión 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 } ,
] ) ;| Dependencias incluidas | Modo | módulo ES | JS común | IIFE ( window.LightweightCharts ) |
|---|---|---|---|---|
| No | PINCHAR | lightweight-charts.production.mjs | lightweight-charts.production.cjs | N / A |
| No | DESARROLLO | lightweight-charts.development.mjs | lightweight-charts.development.cjs | N / A |
| Sí (independiente) | PINCHAR | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| Sí (independiente) | DESARROLLO | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
Consulte BUILDING.md para obtener instrucciones sobre cómo crear lightweight-charts a partir del código fuente.
Licenciado bajo la Licencia Apache, Versión 2.0 (la "Licencia"); no puede utilizar este software excepto de conformidad con la Licencia. Puede obtener una copia de la Licencia en el archivo LICENCIA. A menos que lo exija la ley aplicable o se acuerde por escrito, el software distribuido bajo la Licencia se distribuye "TAL CUAL", SIN GARANTÍAS NI CONDICIONES DE NINGÚN TIPO, ya sean expresas o implícitas. Consulte la Licencia para conocer el idioma específico que rige los permisos y limitaciones de la Licencia.
Este software incorpora varias partes de tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation) que están cubiertas por la licencia BSD Zero Clause.
Esta licencia requiere especificar TradingView como creador del producto. Deberá agregar el "aviso de atribución" del archivo AVISO y un enlace a https://www.tradingview.com/ a la página de su sitio web o aplicación móvil que esté disponible para sus usuarios. Como agradecimiento por crear este producto, le agradeceríamos que lo agregue en un lugar destacado. Puede utilizar la opción de gráfico attributionLogo para mostrar un enlace apropiado a https://www.tradingview.com/ en el propio gráfico, lo que satisfará el requisito del enlace.
