Блог

Релиз Webix 4.1: новый виджет-датчик и функционал для интернета вещей

Мы рады сообщить о выпуске очередного релиза JavaScript библиотеки Webix. В версии 4.1 вас ждут новый виджет-датчик Gаge и удобный контрол RichText для редактирования текстов. Кроме того, виджет Chart обзавелся динамическим режимом и новым типом отображения данных — SplineArea Chart.
При подготовке Webix 4.1 разработчики учли растущую популярность интернета вещей, а также актуальную потребность в динамическом отображении данных. Теперь вы сможете создать интерфейс веб приложения, который сможет воспроизвести любую панель управления: от автомобиля до метеостанции.
JavaScript библиотека Webix с новыми виджетами и контролами

Gage виджет

Как можно представить скорость или давление в понятном для обычного человека виде? Конечно же, при помощи хорошо знакомого всем датчика с указателем! Именно он и лежит в основе нового виджета Gage.
компонент для разработчиков виде шкалы и стрелки
Живое демо >>

Webix Gage позволяет отобразить измеряемый показатель в виде привычного нам “спидометра”, а цветовая индикация наглядно демонстрирует значения данных, в зависимости от диапазона: от минимальных значений (зеленый цвет), до максимальных (красный цвет). Можно задать начальное значение измеряемого показателя, минимальное и максимальное значения диапазона; указать название измеряемой величины и размер конкретного датчика; а также отобразить единицы измерения.

Виджет Gage доступен только в PRO версии.

Контрол формы RichText

В дополнение к контролам Text и Textarea и интеграции со сторонними текстовыми редакторами, в новом релизе стал доступен новый контрол Rich Text.
JavaScript форма для текста с форматированием
Живое демо >>

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

Динамические графики

В новой версии библиотеки у виджета Chart появился режим dynamic. В этом режиме данные загружаются в чарт порционно, с заданным интервалом. Это позволяет отследить тенденции в изменении поступающих данных. В данный момент режим dynamic доступен для графиков следующих типов Line, Spline, Area и SplineArea.

JavaScript график с анимацией
Живое демо >>

Постоянно меняющиеся котировки на рынках, уровень продаж и другие ценные данные теперь можно “оживить” при помощи данного функционала.

SplineArea Charts

В релизе 4.1 доступен новый тип графиков: SplineArea Chart. Для него характерны сглаженные линии, которые дополняются обозначенной областью. Данный вид графиков используется для отображения отношения элементов к общему значению по времени или по категории.

Для SplineArea характерны все привычные параметры семейства Area Charts — установка цвета, прозрачности, легенды, настройка осей координат и отображение значений в подсказках на графике.
JavaScript график с залитой областью построения
Живое демо >>

Благодаря появлению виджета Gage и динамического режима для графиков релиз 4.1 будет полезен тем, кто связан с управлением производством и инфраструктурой, мониторингом показателей и телеметрией. Создайте интерфейс для вашего веб-приложения с помощью Webix 4.1 — JavaScript библиотеки для интернета вещей.

Релиз 4.1 обратно совместим с версией 4.0. В него также включены обновления текущего функционала и исправление мелких ошибок.

Скачать триальную версию >>

Войти в кабинет клиента и обновить версию (для обладателей лицензии)

Автор
The following two tabs change content below.
Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit