Chart

Click to copy

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


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

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

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

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

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


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

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

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

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

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

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

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

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


Данные:

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


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

  • 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 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 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 Get Data

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

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

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

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

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

Chart Set Data

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

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

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

Chart Update Data

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

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

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

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

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

Chart | AppMaster Docs