💹📈 Gráfico financeiro leve construído com HTML5 canvas.

• 📦 Pronto para usar: integração simples e rápida.
• 🚀 Leve e fluido: sem dependências, apenas 40k com gzip.
• 💪 Poderoso: diversos indicadores e modelos de desenho inclusos.
• 🎨 Altamente extensível: muitas opções de estilo e API para expandir como desejar.
• 📱 Mobile: suporte a dispositivos móveis.
• 🔧 Layout responsivo aprimorado para dispositivos móveis.
• 🛡 Desenvolvimento em Typescript: inclui definições completas de tipo.
• 🌗 Pré-visualização com tema claro aprimorado: apenas botões de tema (com ícones) para alternar entre claro e escuro.
• 🆎 Novo gráfico de pré-visualização: permite mudar o tipo de candle.
• 📋 Roadmap com metas focadas em aprimorar UI e UX.
• 🗺️ Roadmap IA modernizado com timeline interativa e animações.
• 📝 Comentários do código revisados e traduzidos para Português.

npm install klinecharts --save

yarn add klinecharts

https://klinechartfork.netlify.app - a documentação é gerada pelo Netlify usando Node 20 e pnpm.

• As APIs do gráfico e da instância agora possuem páginas em Português em /pt-BR/api.
• Parte da documentação da API da instância foi traduzida para Português.
• A seção de FAQ da página inicial também está disponível em Português.

npm run docs:dev

Após iniciar, abra http://localhost:8888 no navegador.

Para gerar o site estático da documentação (e o bundle usado por ela):
```bash
npm run docs:build

O site gerado será colocado no diretório website.

Execute no diretório raiz. É necessário Node.js.

# Instale as dependências
npm install

# Gere os arquivos
npm run build

Os arquivos gerados estarão em dist.

O diretório src contém todo o núcleo do KLineChart:

• Chart.ts controla panes, eventos e o ChartStore.
• Event.ts unifica o tratamento de eventos de usuário.
• Options.ts define tipos de configuração e formatações.
• Store.ts armazena dados e estado interno.
• common/ reúne utilidades compartilhadas.
• component/ possui eixos, figuras, indicadores e overlays básicos.
• extension/ abriga módulos registráveis como indicadores e estilos.
• pane/ define as janelas do gráfico.
• view/ contém as camadas de desenho.
• widget/ gerencia canvases e monta as Views.

Para uma descrição detalhada, consulte Estrutura do Código.

• KLineChart Preview: exemplo mais completo.