{"type":"doc","content":[{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":66.66},"content":[{"type":"paragraph","content":[{"text":"Вы можете создать собственный виджет, который позволит добавлять в ваши дашборды карту с визуализацией данных. Для этого необходимо:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Создать карту на основе которой будет построен виджет и добавить её на сервер.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Создать новый виджет-картосхему.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Добавление карты","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Создайте векторное изображение картосхемы в редакторе SVG файлов, или скачайте готовый файл из интернета.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Откройте получившийся файл в редакторе кода.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Скопируйте получившийся код и вставьте в форму кода на портале ","type":"text"},{"text":"https://highcharts.github.io/map-from-svg/","type":"text","marks":[{"type":"link","attrs":{"href":"https://highcharts.github.io/map-from-svg/"}}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Нажмите кнопку ","type":"text"},{"text":"Load","type":"text","marks":[{"type":"strong"}]},{"text":" и посмотрите, что получилось справа:","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":147936,"__fileMimeType":"image/png","width":1223,"id":"0c6a5236-4c3f-424a-842f-753eb3f28946","collection":"contentId-214077292","type":"file","__fileName":"map.png","height":684}}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Кликните на ","type":"text"},{"text":"View Highcharts Maps config ","type":"text","marks":[{"type":"strong"}]},{"text":"и скопируйте код карты в окне справа:","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":57.0},"content":[{"type":"media","attrs":{"__fileSize":64099,"__fileMimeType":"image/png","width":1218,"id":"2def3a8d-34c4-47ba-a7d0-32d95a66601b","collection":"contentId-214077292","type":"file","__fileName":"map-code.png","height":648}}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Вставьте код в блокнот и добавьте каждому контуру региона следующие параметры:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"hc-code","type":"text","marks":[{"type":"code"}]},{"text":" – ID региона, который вы потом сможете использовать в таблицах и т.д. Можно, например, использовать код ОКАТО региона;","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"short-name","type":"text","marks":[{"type":"code"}]},{"text":" – неполное название региона. Например, ","type":"text"},{"text":"Коми","type":"text","marks":[{"type":"strong"}]},{"text":";","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"full-name","type":"text","marks":[{"type":"code"}]},{"text":" – полное название региона. Например, ","type":"text"},{"text":"Республика Коми","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"},{"type":"hardBreak"},{"text":"Например:","type":"text"}]},{"type":"codeBlock","content":[{"text":"\"full-name\": \"Республика Саха (Якутия)\",\n\"short-name\": \"Якутия\",\n\"hc-code\": \"98000000000\",","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":170194,"__fileMimeType":"image/png","width":976,"id":"39a0ed51-72b0-4627-beb3-dec802c85e42","collection":"contentId-214077292","type":"file","__fileName":"code.png","height":651}}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Сохраните получившийся код в формате ","type":"text"},{"text":"*.js","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Назовите файл, например, ","type":"text"},{"text":"russia_wiki.js","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Добавьте получившийся файл на сервер в папку по адресу ","type":"text"},{"text":"/docker-volume/dashboard-viewer/customjs","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"},{"type":"hardBreak"},{"text":"Образец готового файла: ","type":"text"},{"text":"russia_regions.js","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"container":{"linkType":"self"},"isRenamedTitle":true,"fileName":"russia_regions.js","linkType":"attachment","versionAtSave":"1"},"href":"https://visiology-doc.atlassian.net/wiki/download/attachments/214077292/russia_regions.js?version=1&modificationDate=1675084215644&cacheVersion=1&api=v2"}}]}]}]}]},{"type":"paragraph","content":[{"text":"Чтобы узнать как добавить стандартную карту в контейнер платформы, см. ","type":"text"},{"text":"Настройка картографического измерения","type":"text","marks":[{"type":"link","attrs":{"href":"http://visiology-doc.atlassian.net/wiki/spaces/v31/pages/12779920"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Создание виджета","type":"text"}]},{"type":"paragraph","content":[{"text":"Карта создана и добавлена на сервер. Теперь необходимо создать новый виджет с этой картой в ","type":"text"},{"text":"Dashboard Designer","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Запуск приложения Dashboard Designer","versionAtSave":"12"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/v34/pages/214076960"}}]},{"text":". Для этого выполните следующие шаги:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Откройте приложение Dashboard Designer.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"На вкладке","type":"text"},{"text":" Пользовательские виджеты","type":"text","marks":[{"type":"strong"}]},{"text":", нажмите кнопку ","type":"text"},{"text":"Создать","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":20165,"__fileMimeType":"image/png","width":792,"id":"ee217fc1-d158-4f3e-ba76-220cb8ddf311","collection":"contentId-214077292","type":"file","__fileName":"new-widget.png","height":409}}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"В открывшемся окне введите название виджета.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"В поле ","type":"text"},{"text":"Код виджета","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"},{"text":"(JavaScript)","type":"text","marks":[{"type":"strong"}]},{"text":" вставьте код из файла ","type":"text"},{"text":"widgets_kod.js","type":"text","marks":[{"type":"strong"}]},{"text":": ","type":"text"},{"text":"widgets_kod.js","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"container":{"linkType":"self"},"isRenamedTitle":true,"fileName":"widgets_kod.js","linkType":"attachment","versionAtSave":"2"},"href":"https://visiology-doc.atlassian.net/wiki/download/attachments/214077292/widgets_kod.js?version=2&modificationDate=1663860965698&cacheVersion=1&api=v2"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Нажмите кнопку ","type":"text"},{"text":"Создать","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"800","id":"84d22748-6346-429a-82e8-3a13f9d41aee","collection":"contentId-214077292","height":""}}}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"__confluenceADFMigrationUnsupportedContentInternalExtension__","text":"","parameters":{"cxhtml":"

Важно!

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

","nestedContent":{"type":"doc","content":[{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Важно!","type":"text"}]},{"type":"paragraph","content":[{"text":"Если у вас другое имя карты, не забудьте указать его:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":74.0},"content":[{"type":"media","attrs":{"__fileSize":4254,"__fileMimeType":"image/png","width":392,"id":"35c697ce-5117-4603-a63f-9f537ce04b9e","collection":"contentId-214077292","type":"file","__fileName":"map-name.png","height":116}}]}]}],"version":1},"reason":"Макрос примечания в элементе списка нельзя создать или изменить в новом редакторе."}}},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Добавьте виджет в рабочую область.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"На вкладке ","type":"text"},{"text":"Привязка данных","type":"text","marks":[{"type":"strong"}]},{"text":", привяжите виджет к данным:","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":157894,"__fileMimeType":"image/png","width":1270,"id":"d542592c-0975-4e54-aeda-599392aa8272","collection":"contentId-214077292","type":"file","__fileName":"created-map.png","height":724}}]}]}]},{"type":"paragraph","content":[{"text":"Виджет отобразит загруженные данные:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":113682,"__fileMimeType":"image/png","width":1210,"id":"938353d7-eb14-4fd5-9f08-49330f7d5922","collection":"contentId-214077292","type":"file","__fileName":"image-20200317-131226.png","height":653}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Важно!","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Для корректного отображения информации, в данных должны быть указаны геокоды, например, как один из атрибутов измерений. Данные геокоды должны соответствовать значениям ","type":"text"},{"text":"hc-code","type":"text","marks":[{"type":"code"}]},{"text":" из файла карты (в нашем примере это ","type":"text"},{"text":"russia_wiki.js)","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Пример","type":"text"}]},{"type":"paragraph","content":[{"text":"Рассмотрим пример подготовки данных для работы с картосхемой:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Создайте измерение, одним из атрибутов которых будет геокод из файла карты (в нашем случае это файл ","type":"text"},{"text":"russia_wiki.js","type":"text","marks":[{"type":"strong"}]},{"text":").","type":"text"},{"type":"hardBreak"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":129253,"__fileMimeType":"image/png","width":1280,"id":"c9b6d11c-4884-410d-b8c7-93eb20214df3","collection":"contentId-214077292","type":"file","__fileName":"measures1.png","height":681}}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Укажите в свойствах элементов измерения данные из файла ","type":"text"},{"text":"russia_wiki.js","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":90055,"__fileMimeType":"image/png","width":1280,"id":"8d4e4b51-6a00-4a7b-a946-5bcd4531cc56","collection":"contentId-214077292","type":"file","__fileName":"geo-data.png","height":506}}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"При привязке данных к созданному виджету ","type":"text"},{"text":"Картосхема","type":"text","marks":[{"type":"strong"}]},{"text":" в ","type":"text"},{"text":"Dashboard Designer","type":"text","marks":[{"type":"strong"}]},{"text":", укажите геокод в качестве одного из измерений:","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":45.0},"content":[{"type":"media","attrs":{"__fileSize":55729,"__fileMimeType":"image/png","width":730,"id":"20ca09a5-0cfa-40f5-aed2-b8dee47ded5b","collection":"contentId-214077292","type":"file","__fileName":"measure2.png","height":449}}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Данные отобразятся на картосхеме:","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":61.0},"content":[{"type":"media","attrs":{"__fileSize":119527,"__fileMimeType":"image/png","width":780,"id":"e3c0d8b3-c548-4b35-9e79-93827a0ed9db","collection":"contentId-214077292","type":"file","__fileName":"map-data.png","height":621}}]}]}]},{"type":"paragraph","content":[{"text":"Смотрите также","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Создание/редактирование/удаление измерения","type":"text","marks":[{"type":"link","attrs":{"href":"http://visiology.atlassian.net/wiki/spaces/v29/pages/43657858126"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Добавление измерений и показателей","type":"text","marks":[{"type":"link","attrs":{"href":"http://visiology.atlassian.net/wiki/spaces/v29/pages/43657865726/2."}}]}]}]}]}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"paragraph","content":[{"text":"На этой странице","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"_parentId":{"value":"214077292"}},"macroMetadata":{"macroId":{"value":"70092318-bbd9-41ab-96fa-6ef94cb6639b"},"schemaVersion":{"value":"1"},"title":"Оглавление"}},"localId":"758ea0dd-1378-4f46-8bd6-128ba579d3e6"}},{"type":"rule"},{"type":"paragraph","content":[{"text":"Нужна дополнительная помощь?","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Свяжитесь с технической поддержкой","type":"text","marks":[{"type":"link","attrs":{"href":"https://ru.visiology.su/products/support-contacts"}}]},{"type":"hardBreak"},{"text":"Или нажмите ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"16","id":"945be4fc-9874-4f11-a20c-771db50b5a8f","collection":"contentId-214077292","height":""}}},{"text":" в приложении, чтобы задать вопрос.","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]}]}],"version":1}

Браузер не поддерживается