Biblioteca de gráficos JavaScript sencilla y flexible que renderiza gráficos HTML5 en el elemento canvas.
tradingview/lightweight-charts
Una biblioteca pequeña y rápida de canvas HTML5 para crear gráficos financieros interactivos en páginas web.
Alternativa open source a:TradingView
- Estrellas
- 17,784
- Forks
- 2,693
- Issues abiertos
- 132
- Último commit
- hace 8 horas
¿Qué es?
Lightweight Charts es una biblioteca de gráficos en TypeScript de TradingView que renderiza gráficos financieros interactivos en canvas HTML5. Está diseñada para sustituir las imágenes estáticas de gráficos de una página web por versiones interactivas, con un impacto mínimo en el tamaño y el tiempo de carga de la página.
Los desarrolladores crean un gráfico con createChart, añaden series, como las de líneas, y les proporcionan datos con marcas de tiempo. La biblioteca se puede instalar desde npm, cargar desde una CDN como bundle independiente o utilizar mediante builds precompiladas para desarrollo y producción. Su API también está documentada con ejemplos interactivos de plugins, y hay un catálogo de plugins con extensiones que van más allá de las funciones integradas.
El proyecto tiene licencia Apache-2.0, cuyos términos exigen atribuir la autoría a TradingView; esto se puede mostrar mediante la opción de gráfico attributionLogo. El repositorio también incluye agent skills para ayudar a los asistentes de programación con IA a trabajar con la API v5.
Funciones clave
- 01Renderiza gráficos financieros interactivos en canvas HTML5.
- 02Se puede instalar desde npm o cargar desde una CDN como bundle independiente.
- 03Admite un sistema de plugins para crear series y primitivas personalizadas.
- 04Incluye builds de desarrollo y producción en formatos ES module e IIFE.
- 05Proporciona tipos de TypeScript y una API documentada con ejemplos.
Casos de uso
- Añadir gráficos de precios interactivos a un sitio web de trading o datos de mercado.
- Sustituir imágenes estáticas de gráficos en dashboards para reducir el peso de la página.
- Crear visualizaciones financieras personalizadas mediante la API de plugins.
Inicio rápido
- 1
Instala la biblioteca desde npm
npm install lightweight-charts - 2
Importa createChart y LineSeries y, después, crea un gráfico en tu página
Antes de usarlo
- Está centrada en mostrar gráficos financieros; no es una biblioteca de gráficos de uso general.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es lightweight-charts?
- Una biblioteca pequeña y rápida de canvas HTML5 para crear gráficos financieros interactivos en páginas web. Lightweight Charts es una biblioteca de gráficos en TypeScript de TradingView que renderiza gráficos financieros interactivos en canvas HTML5. Está diseñada para sustituir las imágenes estáticas de gráficos de una página web por versiones interactivas, con un impacto mínimo en el tamaño y el tiempo de carga de la página.
- ¿lightweight-charts es gratuito? ¿Qué licencia tiene?
- lightweight-charts es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿lightweight-charts sigue mantenido?
- Mantenimiento activo. El último commit de lightweight-charts fue el 6 nov 2026.
- ¿Para qué puedo usar lightweight-charts?
- Añadir gráficos de precios interactivos a un sitio web de trading o datos de mercado. Sustituir imágenes estáticas de gráficos en dashboards para reducir el peso de la página. Crear visualizaciones financieras personalizadas mediante la API de plugins.
- ¿Cómo se instala lightweight-charts?
- Instala la biblioteca desde npm: npm install lightweight-charts Importa createChart y LineSeries y, después, crea un gráfico en tu página
- ¿Dónde consigo lightweight-charts?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tradingview/lightweight-charts
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Biblioteca de gráficos para React basada en D3, con componentes declarativos para crear gráficos SVG en aplicaciones React.
Un lenguaje intermedio de visualización que permite a los agentes de IA convertir especificaciones compactas en gráficos pulidos para Vega-Lite, ECharts, Chart.js, Plotly o Excel.
Una gramática de gráficos tipada para TypeScript, adaptable, accesible y con renderizado en el servidor, basada en primitivas modulares de D3.
Biblioteca de gráficos interactivos, gratuita y de código abierto para .NET, que renderiza gráficos en aplicaciones GUI, consolas, Blazor y notebooks.
Una biblioteca JavaScript gratuita y de código abierto para vincular datos con SVG, Canvas y HTML y crear visualizaciones personalizadas basadas en datos.