Дизайнер ELMA > Интерфейсы > Типы компонентов > Диаграммы / Линейная диаграмма

Линейная диаграмма

Компонент Линейная диаграмма предназначен для быстрого и удобного отображения информации в виде графика. Например, вы можете отрегулировать отображение данных по годовому доходу контрагентов, созданных в ELMA4.

начало внимание

Работа с линейной диаграммой доступна только во втором рантайме. Подробнее об этом режиме читайте в Базе знаний.

конец внимание

Для построения графика используются данные из объектов или структур обмена данными. Элементами диаграммы могут быть:

  • экземпляры объекта — записи справочника, которые создает пользователь;
  • экземпляры структуры обмена данными — отображаемые данные задаются в сценарии. Для этого нужно открыть настройки моделируемой формы, страницы, портлета или пользовательского компонента и указать Сценарий при загрузке формы. О настройках страницы, портлета и пользовательского компонента читайте в статье «Настройки».

Компонент можно размещать внутри других компонентов (колонки, панели, вкладки и т. д). Его можно настроить.

Настройки

Окно настроек состоит из вкладок Основные, События, Системные и Отображение.

Вкладка «Основные»

На этой вкладке можно задать основные настройки диаграммы.

line-chart-1

Скрыть — определение, при каких условиях линейная диаграмма будет отображаться или скрываться в интерфейсе. Используйте для этого функцию или формулу. Подробнее об этом можно прочитать в этой статье.

Источник данных — выбор свойства, данные которого используются для отображения в линейной диаграмме. Вы можете выбрать свойство, в качестве типа данных которого указаны объект или структура обмена данными. При этом для свойства должен быть выбран тип связи Список. Чтобы использовать на диаграмме данные объекта, для свойства с типом Объект установите флажок Загружать данные с сервера. Подробнее о работе со свойствами можно прочитать в статье «Создание свойства формы».

Идентификатор линии — выбор свойства, по которому сгруппированы данные на диаграмме. Для выбора доступны свойства типа Строка, Целое число, Дробное число и Временной интервал.

Подпись линии — выбор свойства, данные которого отображаются во всплывающей подсказке, когда пользователь наводит курсор на линию графика. Для выбора доступно свойство типа Строка и Текст.

Ось X выбор свойства, данные которого будут отображаться на оси Х.

Ось Y — выбор свойства, данные которого будут отображаться на оси Y.

Заголовок диаграммы — название диаграммы, которое увидит пользователь.

Отображение легенды — возможность добавить легенду на диаграмму. Легенда отображает элементы диаграммы и их цветовые обозначения. Выберите показывать или не показывать легенду.

В полях Максимальное значение оси Y и Минимальное значение оси Y можно задать ограничения значений на оси Y, которые отображаются на графике.

Вид отображения — внешний вид линейной диаграммы в интерфейсе: Без сглаживания, Сглаживание линий, Интерполяция шагов в середине, Интерполяция шагов в начале, Интерполяция шагов в конце.

Единица измерения — указание на диаграмме единиц измерения.

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

Вкладка «События»

Кроме основных настроек, можно определить действия, которые выполняются, если элемент, с которым взаимодействует пользователь, выделен на форме, странице, портлете или в пользовательском компоненте.

Действия задаются при помощи сценариев.

line-chart-2

Действие при наведении на элемент действие, которое выполняется, когда пользователь наводит курсор на диаграмму.

Действие при перемещении курсора за границы элемента действие, которое выполняется, когда пользователь перемещает курсор с диаграммы в другое место на форме, странице или портлете.

Действие при Enter действие, которое выполняется, когда пользователь наводит курсор на диаграмму и нажимает на клавишу Enter.

Действие при Escape действие, которое выполняется, когда пользователь наводит курсор на диаграмму и нажимает на клавишу Escape.

Действие при наведении на элемент диаграммы — действие, которое выполняется, когда пользователь наводит курсор на точку на диаграмме.

Действие при перемещении курсора за границы элемента диаграммы действие, которое выполняется, когда пользователь перемещает курсор с точки в другое место диаграммы.

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

Вкладки «Системные» и «Отображение»

Подробнее о работе с этими вкладками можно прочитать в статье «Колонка».

Введённые данные сохраняются в настройках автоматически. Если вам нужно отменить изменения, нажмите Отменить последние изменения. Воспользоваться этой кнопкой можно, только пока открыто окно настроек.

Чтобы применить настройки, сохраните форму или сохраните и опубликуйте страницу, портлет или пользовательский компонент при помощи кнопки form-builder-icon-4.

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас