Дані для widget

Основні пропси

table: table_name або авто          # Назва таблиці
query:
  groupby: column_name              # Групувати за назвою колонки
  metrics: metric_name              # Метрика для аналізу
  x: order_date                     # Вказує на колонку, яка містить дані для розташування даних по горизонталі
  time_grain: month, year, quarter  # Одиниця часу (місяць, рік, квартал)

type: bar,column, pie, map                    # Тип діаграми (гістограма, колонки, пиріг, карти)

options:
  stack: true                       # Акумулювати значення на гістограмі

Властивість	Тип	Опис
type	String	Тип діаграми. Опції: pie, donut, kpi, map, table, text (тип залежить від компонента)
styles	Object	Стилі для діаграми
table	Object	Інформація про таблицю для діаграми
query	Object	Параметри запиту для діаграми. Основні параметри:
groupby	Object property (String)	Застосовується до набору даних і надає набір згрупованих наборів даних на основі значень стовпців
metrics	Object property (String)	Метрика для аналізу
x	Object property (String)	Вказує на колонку, яка містить дані для розташування даних по горизонталі
time_grain	Object property (String)	Групування за проміжками часу. Опції: month, year, quarter.
dataset	Object	Набір даних для діаграми

Вбудовані дані

{{{_vue "vs-bi-pie"}}}

<VsBiPie />

Демо дані help.softpro.ua

Демо дані можна додати через wizard розділ демо. Доступ до цих даних відбувається без токена.

💡 "Структура таблиці demo.cleaned_sales_data"

CREATE TABLE demo.cleaned_sales_data
(
  id serial NOT NULL,
  order_number numeric, -- Номер замовлення
  quantity_ordered numeric, -- Замовлена кількість
  price_each numeric, -- Ціна за 1
  order_line_number numeric, -- Номер рядка замовлення
  sales numeric, -- Ціна
  order_date date, -- Дата замовлення
  status text, -- Статус
  quarter numeric, -- Квартал
  month numeric, -- Місяць
  year numeric, -- Рік
  product_line text, -- Лінійка продуктів
  product_code text, -- Код продукту
  customer_name text, -- Ім'я клієнта
  phone text, -- Телефон
  address_line1 text, -- Адреса
  address_line2 text,
  city text, -- Місто
  state text, -- Штат
  postal_code text, -- Поштовий код
  country text, -- Країна
  territory text, -- Територія
  contact_last_name text, -- Прізвище
  contact_first_name text, -- Ім'я
  deal_size text, -- Розмір угоди
  order_date_text text, -- Дата замовлення
  CONSTRAINT cleaned_sales_data_pkey PRIMARY KEY (id)
)

💡 "Структура таблиці demo.video_game_sales"

CREATE TABLE demo.video_game_sales
(
  id serial NOT NULL,
  rank numeric, -- Ранг
  name text, -- Назва
  platform text, -- Платформа
  year text, -- Рік
  genre text, -- Жанр
  publisher text, -- Видавець
  na_sales numeric, -- Продано в Америці
  eu_sales numeric, -- Продано в ЄС
  jp_sales numeric, -- Продано в Японії
  other_sales numeric, -- Продажі в інших регіонах
  global_sales numeric, -- Всього продажів
  CONSTRAINT video_game_sales_pkey PRIMARY KEY (id)
)

Приклад з демо даними

<VsBiPie table='demo.birth_names' ></VsBiPie>
<VsBiPie table='demo.cleaned_sales_data' ></VsBiPie>
<VsBiPie table='demo.sss' ></VsBiPie>

Вбудовані дані

👀 "Вбудовані дані"

[
      { product: 'Matcha Latte', 2015: 43.3, 2016: 85.8, 2017: 93.7 },
      { product: 'Milk Tea', 2015: 83.1, 2016: 73.4, 2017: 55.1 },
      { product: 'Cheese Cocoa', 2015: 86.4, 2016: 65.2, 2017: 82.5 },
      {
        product: 'Walnut Brownie',
        2015: 72.4,
        2016: 53.9,
        2017: 39.1,
      }
    ]