Для создания пользовательских виджетов вы можете использовать сторонние JS библиотеки. С их помощью можно создавать интерактивные виджеты, такие как календари, карты и многое другое. Например, с помощью библиотеки можно создать слайдер, который позволит пользователям выбирать диапазон значений. Рассмотрим добавление библиотеки на примере Range Slider.
Добавление библиотеки
Добавление библиотеки всегда осуществляется на сервере.
Найдите нужную библиотеку и скачайте её:
Откройте папку /var/lib/visiology/v3/dashboard-viewer/customjs на сервере и скопируйте в нее *.js файл. По возможности необходимо добавлять*.js-файл с меньшим размером файла (как правило, обозначается «...min»), например:
Если в библиотеке есть темы, то можно использовать только одну.
Если есть CSS, скопируйте его в эту же папку, при этом CSS должен быть без картинок. CSS следует использовать с осторожностью. Например, если в нем указано: table {color:red}, то все таблицы могут стать красными. Названия функций и т.п. в библиотеке должны быть уникальными.
Чтобы использовать добавленные библиотеки, необходимо перезапустить Visiology Designer.
После перезагрузки вы сможете создать пользовательский виджет: