إحصائية Statistic

إبراز قيمة إحصائية واحدة. تدعم فاصل الآلاف، ودقة المنازل العشرية، والبادئة واللاحقة، ويمكن لقيمة نصية أن تحمل أرقامًا ضخمة جدًا.

قيمة إحصائية

<template>
  <div class="demo-col">
    <div class="demo-row" style="gap: 48px; flex-wrap: wrap">
      <LhStatistic title="لوحات المجموعة" :value="1280" :separator="separator" suffix=" لوحة" />
      <LhStatistic title="زوار اليوم" :value="visitors" />
      <LhStatistic title="متوسط السعر (عشر آلاف)" :value="price" :precision="2" prefix="¥" />
      <LhStatistic title="رقم ضخم" value="9007199254740993" />
    </div>
    <p class="demo-note">تمرير سلسلة فارغة في separator يُلغي تجميع الآلاف</p>
    <div class="demo-row" style="gap: 48px; flex-wrap: wrap; margin-top: 16px">
      <LhStatistic title="بدون فاصل آلاف" :value="visitors" separator="" />
      <LhStatistic :value="2026" suffix=" سنة" />
    </div>
  </div>
</template>

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

Props

خاصية	الوصف	النوع	الافتراضي
title	عنوان القيمة (يُعرض فوق القيمة)	string	—
value	القيمة الإحصائية؛ الصيغة النصية تحمل الأرقام الضخمة أو النصوص ذات الإشارة	number \| string	—
precision	دقة المنازل العشرية	number	—
separator	فاصل الآلاف؛ سلسلة فارغة تُلغي التجميع	string	—
prefix	بادئة القيمة، كرمز العملة	string	—
suffix	لاحقة القيمة، كوحدة القياس	string	—
sx	خاصية sx المختصرة للتخطيط	—	—