- В редакторе SVG файлов нарисуйте векторное изображение картосхемы.
- Откройте получившийся файл через редактор кода
- Получившийся код скопируйте и вставить в форму кода на портале https://highcharts.github.io/map-from-svg/
- Нажать кнопку Load и посмотреть, что получилось справа.
- Скопировать код в блокнот добавив каждому полигону следующие параметры:
- hc-code (код для карты) – это использовать в данных.
- short-name (короткое имя)
- full-name (длинное имя)
- Сохраните получившийся код в формате "*.js"Добавьте библиотеку получившийся файл"*.js" виджета в
- Назовите файл, например russia_wiki.js
- Добавьте получившийся файл в папку на сервер по адресу /docker-volume/dashboard-viewer/customjs
- Откройте приложение DashboardDesigner:
- На вкладке “Пользовательские виджеты”, нажмите кнопку “Создать новый”
- В открывшемся окне введи название для виджета;
- В поле “Код виджета” (JavaScript) вставьте код из файла widgets_kod.js
- Нажмите кнопку “Сохранить”
- Добавьте виджет в рабочую область
- На вкладке “Привязка данных”, привяжите данные для виджета
...