uiDocs.layout.sidebarTitle

uiDocs.layout.documentationTitle

uiDocs.charts.badge

uiDocs.charts.heroTitle

uiDocs.charts.heroDescription

uiDocs.charts.libraries.title

uiDocs.charts.libraries.chartjs.title

uiDocs.charts.libraries.chartjs.badge

uiDocs.charts.libraries.chartjs.description

uiDocs.charts.libraries.chartjs.features.performance

uiDocs.charts.libraries.chartjs.features.bundle

uiDocs.charts.libraries.apexcharts.title

uiDocs.charts.libraries.apexcharts.badge

uiDocs.charts.libraries.apexcharts.description

uiDocs.charts.libraries.apexcharts.features.interactivity

uiDocs.charts.libraries.apexcharts.features.export

uiDocs.charts.registration.title

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

uiDocs.charts.typedBinding.title

uiDocs.charts.typedBinding.description

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);
}

uiDocs.charts.performanceTip.title

uiDocs.charts.performanceTip.description