Сравнение страниц

...

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

1. Создайте векторное изображение картосхемы в редакторе SVG файлов, или скачайте готовый файл из интернета.
2. Откройте получившийся файл через редактор в редакторе кода.
3. Получившийся Скопируйте получившийся код скопируйте и вставить вставьте в форму кода на портале https://highcharts.github.io/map-from-svg/.
4. Нажать Нажмите кнопку Load и посмотретьпосмотрите, что получилось справа.:
   
   Image Added
   
   
5. Скопировать Скопируйте код карты в блокнот , добавив и добавьте каждому полигону следующие параметры:
   • hc-code
   (код для карты) – это использовать в данных
   • – ID региона, который вы потом сможете использовать в таблицах и т.д. Можно, например, использовать код ОКАТО региона;
   • short-name
   (короткое имя)
   •  – неполное название региона. Например, Коми;
   • full-name
   (длинное имя).
   •  – полное название региона. Например, Республика Коми.
     
     Image Added
     
     
6. Сохраните получившийся код в формате "*.js".
7. Назовите файл, например например, russia_wiki.js.
8. Добавьте получившийся файл в файл на сервер в папку на сервер по адресу /docker-volume/dashboard-viewer/customjs.

Карта создана и добавлена на сервер. Теперь необходимо создать новый виджет с этой картой в Dashboard Designer. Для этого выполните следующие шаги:

1. Откройте приложение Dashboard Designer.
2. На вкладке “Пользовательские виджеты”, нажмите кнопку“Создать новый”.кнопку Создать:
   
   Image Added
   
   
3. В открывшемся окне введите название для виджета.
4. В поле “Код виджета” (JavaScript) вставьте код из файла widgets_kod.js (см. ниже).
   

   Вложения
   preview false upload false old false patterns .*js

5. Нажмите кнопку “Сохранить”.Создать:
   
   Image Added
   
   
6. Добавьте виджет в рабочую область.
7. На вкладке “Привязка данных”, привяжите данные для виджета.виджет к данным:
   
   Image Added

Виджет отобразит загруженные данные:

Image Added

"useMap": "*",

...