Ir para o conteúdo
CONTENT · FREE

Statistic

Números grandes com rótulo e tendência, feitos para painéis.

Um número grande com rótulo e tendência opcional, feito para painéis, com espaço para conteúdo extra como um sparkline.

Por que ajuda

  • Cifra grande
  • Indicação de tendência
  • Conteúdo extra

Onde se encaixa

  • Painéis
  • Resumos
  • Cartões
O controle Statistic em uma página do RayCraft

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação