Naar de inhoud
GRAFIEKEN · COMPLETE

Sparkline

Een piepkleine trendlijn die in een zin of tabelcel past.

Een piepkleine trendlijn zonder assen die in een zin of tabelcel past.

Waarom het helpt

  • Klein en snel
  • Geen assen
  • Past in tabellen

Waar het past

  • Statistieken
  • Tabelcellen
  • Dashboards
Het besturingselement Sparkline op een RayCraft-pagina

Voorbeeld

<Stack Direction="StackDirection.Column" Spacing="3">
    <Stack Align="center">
        <span style="width:6rem">Sales</span>
        <Sparkline Label="Sales trend" Values="_sales" Area />
        <strong>@_sales.Last().ToString("N0")</strong>
    </Stack>
    <Stack Align="center">
        <span style="width:6rem">Errors</span>
        <Sparkline Label="Error trend" Values="_errors" ColorIndex="4" />
        <strong>@_errors.Last()</strong>
    </Stack>
</Stack>

@code {
    private readonly double[] _sales = [120, 135, 128, 160, 190, 175, 210, 230];
    private readonly double[] _errors = [14, 11, 16, 9, 7, 8, 5, 4];
}

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Onderdeel van RayCraft Complete.

Alle besturingselementen ยท Documentatie