Chart

Нажмите, чтобы скопировать

Элемент для отображения графиков и диаграмм


Начальные настройки:

Model - модель данных для диаграммы.

Endpoint - источник данных для диаграммы.

Field X - будет показан в начальных настройках, если указана только Модель .

Field Y - будет показан в начальных настройках, когда указана только Модель .

Chart


Настройки внешнего вида:

Title (не обязательно) - заголовок графика.

Type size (обязательно) - тип графика.

X axe caption (не обязательно) - заголовок оси x.

Aggregate by (не обязательно) - сортировка по дате.

Y axe caption (не обязательно) - заголовок оси y.

Method (не обязательно) - метод подсчета.

Name (обязательно) - название графика.

Chart


Данные:

В этом разделе вы можете управлять осями графика.

Data


Триггеры рабочего процесса:

  • onCreate - срабатывает, когда компонент создается на странице;
  • onShow - срабатывает, когда компонент меняет свое состояние на видимое (отображается на странице);
  • onHide - срабатывает, когда компонент меняет свое состояние на скрытое (перестает отображаться);
  • onDestroy - срабатывает, когда компонент уничтожается;
  • onDataUpdate - срабатывает в блоке Обновление данных диаграммы.

Действия компонента:

Chart Get Properties:

Получает свойства графика

Входные параметры:

  • Component Id [string] - идентификатор компонента диаграммы.

Выходные параметры:

  • Aggregate by [enum] - выбранный метод агрегирования по дате;
  • Method [enum] - выбранный метод подсчета;
  • X axe caption [string] - заголовок оси x;
  • Y axe caption [string]- заголовок оси y;
  • Visible [boolean] - состояние видимости;
  • Loading [boolean] - состояние загрузки.

Chart Get Properties

Chart Set Properties:

Устанавливает свойства графика

Входные параметры:

  • Component Id [string] - идентификатор компонента диаграммы;
  • Aggregate by [enum] - выбранный метод агрегирования по дате;
  • Method [enum] - выбранный метод подсчета;
  • X axe caption [string] - заголовок оси x;
  • Y axe caption [string] - заголовок оси y;
  • Visible [boolean] - состояние видимости;
  • Loading [boolean] - состояние загрузки.

Chart Set Properties

Chart Update Properties:

Обновить свойства графика

Входные параметры:

  • Component Id [string] - идентификатор компонента графика;
  • Aggregate by [enum] - выбранный метод агрегирования по дате;
  • Method [enum] - выбранный метод подсчета;
  • X axe caption [string] - заголовок оси x;
  • Y axe caption [string] - заголовок оси y;
  • Visible [boolean] - состояние видимости;
  • Loading [boolean] - состояние загрузки.

Chart Update Properties

Chart Get Data

Получение данных из графика

Входные параметры:

  • Component Id [string] - идентификатор компонента представления.

Выходные параметры:

  • Data [Data Model] - Используемый элемент модели данных. Доступен в бизнес-процессе, если указан только идентификатор компонента.

Chart Get Data

Chart Set Data

Устанавливает данные для графика

Входные параметры:

  • Component Id [string] - идентификатор компонента chart.
  • Data [Data Model] - Используемый элемент модели данных. Доступен в бизнес-процессе, если указан только идентификатор компонента.

Chart Set Data

Chart Update Data

Обновить данные для графика

Входные параметры:

  • Component Id [string] - идентификатор компонента диаграммы.
  • Data [Data Model] - Используемый элемент модели данных. Доступен в бизнес-процессе, если указан только идентификатор компонента.

Chart Update Data

Пример использования:

Этот элемент подходит для отображения данных и взаимосвязей между ними. Например, количество заказов, начиная с даты