Блог

Релиз 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. В него также включены обновления текущего функционала и исправление мелких ошибок.

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

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

Автор
Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit