Статистика

Выделение одного статистического значения. Поддерживаются разделение разрядов, точность дробной части, префикс и суффикс; строковое value может нести сверхбольшое число.

Статистика

<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="Средняя цена (в 10 тыс.)" :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	—	—