Пожалуйста, включите JavaScript для просмотра этого сайта.

Скрипты Simple-Scada

Важно! Пример радиального индикатора можно найти в демо-проекте на странице "Компоненты" -> "Радиальный индикатор".

Допустим в проекте имеются переменные vrCircleInd1, vrCircleInd2, vrCircleInd3 и т.д., значения которых необходимо отображать на мнемосхеме при помощи радиального индикатора. Для решения данной задачи будем использовать шаблоны.

Создадим новый шаблон и добавим в него фон радиального индикатора. Если требуется круговой индикатор, то используем компонент "Фигура" и выберем тип фигуры "Эллипс". Если требуется арочный индикатор, то используем компонент "Изображение" с текстурой "Геометрические" -> "Арка":

Фон кругового индикатора

Фон кругового индикатора

Фон арочного индикатора

Фон арочного индикатора

Поверх фона разместим анимированное изображение индикатора, зададим требуемый цвет и подстановку переменной (например, vrCircleInd%Номер переменной%). Для кругового индикатора используем текстуру "Анимированные" -> "Индикатор круговой". Для арочного индикатора используем текстуру "Анимированные" -> "Индикатор арка":

Текстура кругового индикатора

Текстура кругового индикатора

Текстура арочного индикатора

Текстура арочного индикатора

Теперь необходимо написать универсальный скрипт по событию OnDataChange созданного изображения индикатора:

Скрипт анимации радиального индикатора

Далее, создадим внутренний фон радиального индикатора с цветом, отличающимся от цвета фона, созданного на первом шаге. Изменяя размер данного слоя, можно регулировать толщину радиального индикатора. Если требуется круговой индикатор, то используем компонент "Фигура" -> "Эллипс". Если требуется арочный индикатор, то используем компонент "Изображение" с текстурой "Геометрические" -> "Арка":

Внутренний фон кругового индикатора

Внутренний фон кругового индикатора

Внутренний фон арочного индикатора

Внутренний фон арочного индикатора

Для отображения значения переменной на индикаторе, используем компонент "Текст". В свойстве "Переменная" зададим подстановку, например: vrCircleInd%Номер переменной%.

Значение кругового индикатора

Значение кругового индикатора

Значение арочного индикатора

Значение арочного индикатора

После этого, необходимо написать универсальный скрипт по событию OnDataChange объекта "Текст":

Скрипт для отображения значения переменной

Скрипт для отображения значения, переведенного в проценты

Шаблон индикатора готов, осталось разместить его на мнемосхеме (в меню "Окна / Шаблоны" выбрать пункт "Вставить шаблон") и заполнить значения подстановок.