Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

  1. Создайте векторное изображение картосхемы в редакторе SVG файлов, или скачайте готовый файл из интернета.
  2. Откройте получившийся файл в редакторе кода.
  3. Скопируйте получившийся код и вставьте в форму кода на портале https://highcharts.github.io/map-from-svg/.
  4. Нажмите кнопку Load и посмотрите, что получилось справа:



  5. Скопируйте код карты в блокнот и добавьте каждому полигону следующие параметры:
    • hc-code – ID региона, который вы потом сможете использовать в таблицах и т.д. Можно, например, использовать код ОКАТО региона;
    • short-name – неполное название региона. Например, Коми;
    • full-name – полное название региона. Например, Республика Коми.



  6. Сохраните получившийся код в формате *.js.
  7. Назовите файл, например, russia_-wiki.js.
  8. Добавьте получившийся файл на сервер в папку по адресу /docker-volume/dashboard-viewer/customjs.

...

  1. Откройте приложение Dashboard Designer.
  2. На вкладкеПользовательские виджеты, нажмите кнопку Создать:



  3. В открывшемся окне введите название виджета.
  4. В полеКод виджета (JavaScript) вставьте код из файла widgets_kod.js (см. ниже):
    Вложения
    previewfalse
    uploadfalse
    oldfalse
    patterns.*js
  5. Нажмите кнопкуСоздать:

    Image Modified

    Примечание

    Важно!

    Если у вас другое имя карты, не забудьте указать его:

    Image Added


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

...

Примечание

Важно!

Для корректного отображения информации, в данных должен существовать атрибут с геокодом. Данный геокод должен соответствовать полю значению hc-code из файла russia_карты (в нашем примере это russia-wiki.js.

Примечание

Важно!

Не забудьте указать название добавленного файла в пользовательских свойствах виджета.

Image Removed).