eQuantic.UI

Documentação eQuantic.UI

Analíticos

Gráficos e Visualização

Visualize dados complexos com facilidade utilizando as integrações nativas para Chart.js e ApexCharts, totalmente controladas pelo seu código C#.

Bibliotecas Suportadas

Chart.js

HTML5 Canvas

A escolha ideal para dashboards rápidos e leves. Utiliza o elemento HTML5 Canvas para renderizar gráficos de alta performance, lidando facilmente com grandes conjuntos de dados.

Alta performance em tempo real

Menor pegada de bundle

ApexCharts

SVG Moderno

Focado em visualizações ricas e interativas. Baseado em SVG, oferece animações fluidas, zoom interativo e exportação nativa para múltiplos formatos.

Interatividade avançada

Exportação PNG/SVG nativa

Registro

builder.Services.AddUI(options =>
{
    options.UseChartJs()    // Canvas rendering
           .UseApexCharts(); // SVG rendering
});

Data Binding Tipado

Use funções anónimas ou delegates para mapear diretamente os seus modelos de domínio para dados de gráfico. O compilador gera toda a serialização necessária automaticamente.

public class SalesChart : StatelessComponent
{
    private readonly List<Sale> _data;
    
    public SalesChart(List<Sale> data) => _data = data;

    public override HtmlNode Build() =>
        new ChartJs("sales-chart")
            .WithType(ChartType.Bar)
            .WithData(_data, x => x.Date, x => x.Amount)
            .WithResponsive(true);
}

Dica de Performance

Para dashboards com múltiplos gráficos, considere usar Chart.js para a maioria das visualizações e reserve ApexCharts para casos que requerem interatividade avançada (zoom, exportação).