...
- Создайте векторное изображение картосхемы в редакторе SVG файлов, или скачайте готовый файл из интернета.
- Откройте получившийся файл в редакторе кода.
- Скопируйте получившийся код и вставьте в форму кода на портале https://highcharts.github.io/map-from-svg/.
- Нажмите кнопку Load и посмотрите, что получилось справа:
- Скопируйте код карты в блокнот и добавьте каждому полигону следующие параметры:
hc-code
– ID региона, который вы потом сможете использовать в таблицах и т.д. Можно, например, использовать код ОКАТО региона;short-name
– неполное название региона. Например, Коми;full-name
– полное название региона. Например, Республика Коми.
- Сохраните получившийся код в формате *.js.
- Назовите файл, например, russia_-wiki.js.
- Добавьте получившийся файл на сервер в папку по адресу /docker-volume/dashboard-viewer/customjs.
...
- Откройте приложение Dashboard Designer.
- На вкладкеПользовательские виджеты, нажмите кнопку Создать:
- В открывшемся окне введите название виджета.
- В полеКод виджета (JavaScript) вставьте код из файла widgets_kod.js (см. ниже):
Вложения preview false upload false old false patterns .*js Нажмите кнопкуСоздать:
Примечание Важно!
Если у вас другое имя карты, не забудьте указать его:
- Добавьте виджет в рабочую область.
- На вкладке Привязка данных, привяжите виджет к данным:
...
Примечание |
---|
Важно! Для корректного отображения информации, в данных должен существовать атрибут с геокодом. Данный геокод должен соответствовать полю значению |
Примечание |
Важно! Не забудьте указать название добавленного файла в пользовательских свойствах виджета. ). |