Statistique

Met en valeur une valeur statistique unique. Prend en charge le séparateur de milliers, la précision décimale, ainsi que les préfixe et suffixe ; une valeur transmise sous forme de chaîne peut porter des nombres très grands.

Statistique

<template>
  <div class="demo-col">
    <div class="demo-row" style="gap: 48px; flex-wrap: wrap">
      <LhStatistic title="Œuvres de la collection" :value="1280" :separator="separator" suffix=" œuvres" />
      <LhStatistic title="Visiteurs du jour" :value="visitors" />
      <LhStatistic title="Prix moyen (en dizaines de milliers)" :value="price" :precision="2" prefix="¥" />
      <LhStatistic title="Nombre très grand" value="9007199254740993" />
    </div>
    <p class="demo-note">Passer une chaîne vide à separator désactive le groupage des milliers</p>
    <div class="demo-row" style="gap: 48px; flex-wrap: wrap; margin-top: 16px">
      <LhStatistic title="Sans séparateur" :value="visitors" separator="" />
      <LhStatistic :value="2026" suffix=" année" />
    </div>
  </div>
</template>

<script>
export default {
  data: () => ({
    separator: ',',
    visitors: 38651,
    price: 182.5,
  }),
}
</script>

Props

Prop	Description	Type	Valeur par défaut
title	Titre de la valeur (affiché au-dessus)	string	—
value	Valeur statistique ; la forme chaîne permet les nombres très grands ou un texte signé	number \| string	—
precision	Précision décimale	number	—
separator	Séparateur de milliers ; la chaîne vide désactive le groupage	string	—
prefix	Préfixe de la valeur, par exemple un symbole monétaire	string	—
suffix	Suffixe de la valeur, par exemple une unité	string	—
sx	Propriétés de mise en page rapide	—	—