ngx charts

NGX-CHARTS

Estrutura de gráficos declarativos para o Angular!

NGX-CARTS é único porque não apenas embrulhamos D3, nem qualquer outro mecanismo de gráfico para esse assunto. Ele está usando o Angular para renderizar e animar os elementos SVG com toda a sua ligação de ligação e velocidade e usa D3 para as excelentes funções matemáticas, escalas, eixos e geradores de formas. Ao fazer com que o Angular faça toda a renderização, ele nos abre para inúmeras possibilidades que a plataforma angular fornece, como AOT, SSR, etc.

A visualização de dados é uma ciência, mas isso não significa que deve ser feia. Um dos grandes esforços que fizemos ao criar esse projeto é tornar os gráficos esteticamente agradáveis. Os estilos também são completamente personalizáveis ​​através do CSS, para que você possa substituí -los como quiser.

Além disso, a construção de gráficos personalizados é possível alavancando os vários componentes NGX-Charts que são expostos através do módulo NGX-CARTS.

Para mais informações, consulte a documentação e as demos.

Características

Tipos de gráficos

• Gráficos de barras horizontais e verticais (padrão, agrupadas, empilhadas, normalizadas)
• Linha
• Área (padrão, empilhada, normalizada)
• Torta (explodível, grade, lendas personalizadas)
• Bolha
• Rosquinha
• Medidor (linear e radial)
• Mapa de calor
• Treemap
• Cartões de números
• Diagrama de Sankey

Personalização

• Autocaling
• Filtragem da linha do tempo
• Interpolação de linha
• Etiquetas de eixo configuráveis
• Legends (etiquetas e gradiente)
• Posicionamento avançado do rótulo
• Suporte de dados em tempo real
• Dicas de ferramentas avançadas
• Manipuladores de eventos de ponto de dados
• Funciona com o NGUPGRADE

Instalar

Para usar NGX-Charts em seu projeto, instale-o via NPM:

 npm i @swimlane/ngx-charts --save

Gráficos personalizados

Para aprender a usar os componentes NGX-CARTS para criar gráficos personalizados e encontrar exemplos, consulte nossa página de gráficos personalizados.

Liberar

• Checkout mestre ( git checkout master )
• Pull Master ( git pull )
• Atualizar módulos do nó ( npm ci )
• Executar testes ( npm test )
• Examine o log para determinar a próxima versão (xyz)
• Execute git checkout -b release/XYZ
• Versão de atualização em projects/swimlane/ngx-charts/package.json .
• Atualizar Changelog em projects/docs/changelog.md
• Run git commit -am "(release): XYZ"
• Run git tag XYZ
• Run git push origin HEAD --tags
• Run npm run publish:lib
• Enviar pr

Créditos

ngx-charts é um projeto de código aberto de Swimlane; Acreditamos em retribuir à comunidade de código aberto, compartilhando alguns dos projetos que criamos para nossa aplicação. A Swimlane é uma plataforma automatizada de operações de segurança cibernética e resposta de incidentes que permite que as equipes de segurança cibernética alavancem a inteligência de ameaças, aceleram a resposta a incidentes e automatizam operações de segurança.

O Secops Hub é uma comunidade on-line aberta, agnóstico e on-line para profissionais de segurança para compartilhar idéias, casos de uso, melhores práticas e estratégias de resposta a incidentes.