gráficos leves
v4.2.1
Demonstrações | Documentação | Comunidade Discord | Reddit
TradingView Lightweight Charts™ é um dos menores e mais rápidos gráficos financeiros HTML5.
A biblioteca Lightweight Charts™ é a melhor escolha para você se deseja exibir dados financeiros como um gráfico interativo em sua página da web sem afetar a velocidade e o desempenho de carregamento da página da web.
É a melhor escolha para você se deseja substituir gráficos de imagens estáticas por gráficos interativos. O tamanho da biblioteca é próximo ao das imagens estáticas, mas se você tiver dezenas de gráficos de imagens em uma página da web, o uso desta biblioteca pode diminuir o tamanho da sua página da 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 } ,
] ) ;Você pode usar descompactar:
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
A versão autônoma cria o objeto window.LightweightCharts com todas as exportações da versão 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 } ,
] ) ;| Dependências incluídas | Modo | Módulo ES | CommonJS | IIFE ( window.LightweightCharts ) |
|---|---|---|---|---|
| Não | PROD. | lightweight-charts.production.mjs | lightweight-charts.production.cjs | N / D |
| Não | DEV | lightweight-charts.development.mjs | lightweight-charts.development.cjs | N / D |
| Sim (autônomo) | PROD. | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| Sim (autônomo) | DEV | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
Consulte BUILDING.md para obter instruções sobre como construir lightweight-charts a partir do código-fonte.
Licenciado sob a Licença Apache, Versão 2.0 (a "Licença"); você não poderá usar este software exceto em conformidade com a Licença. Você pode obter uma cópia da Licença no arquivo LICENSE. A menos que exigido pela lei aplicável ou acordado por escrito, o software distribuído sob a Licença é distribuído "COMO ESTÁ", SEM GARANTIAS OU CONDIÇÕES DE QUALQUER TIPO, expressas ou implícitas. Consulte a Licença para saber o idioma específico que rege as permissões e limitações da Licença.
Este software incorpora várias partes do tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation) que são cobertas pela Licença BSD Zero Clause.
Esta licença requer a especificação do TradingView como criador do produto. Você deverá adicionar o "aviso de atribuição" do arquivo AVISO e um link para https://www.tradingview.com/ à página do seu site ou aplicativo móvel que está disponível para seus usuários. Como agradecimento por criar este produto, ficaríamos gratos se você o adicionasse em um local de destaque. Você pode usar a opção de gráfico attributionLogo para exibir um link apropriado para https://www.tradingview.com/ no próprio gráfico, o que satisfará o requisito do link.
