Gå til indholdet
CONTENT · FREE

Statistic

Store tal med mærkat og tendens, lavet til dashboards.

Et stort tal med mærkat og valgfri tendens, bygget til dashboards, med plads til ekstra indhold som en sparkline.

Hvorfor det hjælper

  • Stort tal
  • Tendensangivelse
  • Ekstra indhold

Hvor det passer

  • Dashboards
  • Resuméer
  • Kort
Kontrollen Statistic på en RayCraft-side

Eksempel

<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>

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation