Naar de inhoud
CONTENT · FREE

Statistic

Grote getallen met label en trend, gemaakt voor dashboards.

Een groot getal met label en optionele trend, gemaakt voor dashboards, met ruimte voor extra inhoud zoals een sparkline.

Waarom het helpt

  • Groot cijfer
  • Trendaanduiding
  • Extra inhoud

Waar het past

  • Dashboards
  • Samenvattingen
  • Kaarten
Het besturingselement Statistic op een RayCraft-pagina

Voorbeeld

<Grid>
    <GridItem Span="12" Md="4"><Statistic Label="Revenue" Value="$48,200" Delta="12.4% vs last month" Trend="StatTrend.Up" Icon="IconName.ChartLine" /></GridItem>
    <GridItem Span="12" Md="4"><Statistic Label="Churn" Value="2.1%" Delta="0.4 pts" Trend="StatTrend.Up" LowerIsBetter="true" /></GridItem>
    <GridItem Span="12" Md="4"><Statistic Label="Open tickets" Value="37" Delta="5 fewer" Trend="StatTrend.Down" LowerIsBetter="true"><Sparkline Values="@(new double[] { 8, 6, 9, 7, 5, 6, 4 })" /></Statistic></GridItem>
</Grid>

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

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie