Hopp til innholdet
CONTENT · FREE

Statistic

Store tall med etikett og trend, laget for dashbord.

Et stort tall med etikett og valgfri trend, bygget for dashbord, med plass til ekstra innhold som en sparkline.

Hvorfor det hjelper

  • Stort tall
  • Trendindikasjon
  • Ekstra innhold

Hvor det passer

  • Dashbord
  • Oppsummeringer
  • 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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon