В редакторе SVG файлов нарисуйте векторное изображение картосхемы.

Откройте получившийся файл через редактор кода.

Получившийся код скопируйте и вставить в форму кода на портале https://highcharts.github.io/map-from-svg/.

Нажать кнопку Load и посмотреть, что получилось справа.

Скопировать код в блокнот, добавив каждому полигону следующие параметры:

1. hc-code (код для карты) – это использовать в данных;

2. short-name (короткое имя);

3. full-name (длинное имя).

Сохраните получившийся код в формате "*.js".

Назовите файл, например russia_wiki.js.

Добавьте получившийся файл в папку на сервер по адресу /docker-volume/dashboard-viewer/customjs.

Откройте приложение Dashboard Designer.

На вкладке “Пользовательские виджеты”, нажмите кнопку“Создать новый”.

В открывшемся окне введите название для виджета.

В поле “Код виджета” (JavaScript) вставьте код из файла widgets_kod.js.

Нажмите кнопку “Сохранить”.

Добавьте виджет в рабочую область.

На вкладке “Привязка данных”, привяжите данные для виджета.