{"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":60.0},"content":[{"type":"media","attrs":{"__fileSize":147936,"__fileMimeType":"image/png","width":1223,"id":"5724807e-b4c2-4527-8663-cc3c4232a421","collection":"contentId-356601145","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":56.0},"content":[{"type":"media","attrs":{"__fileSize":64099,"__fileMimeType":"image/png","width":1218,"id":"7455d84f-ea8f-4546-be09-848e0c736b4f","collection":"contentId-356601145","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":60.0},"content":[{"type":"media","attrs":{"__fileSize":170194,"__fileMimeType":"image/png","width":976,"id":"6b8b7878-7b80-4c44-95f2-394502864a26","collection":"contentId-356601145","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":{"href":"/wiki/download/attachments/356601145/russia_regions.js?version=1&modificationDate=1708073996124&cacheVersion=1&api=v2"}}]}]}]}]},{"type":"paragraph","content":[{"text":"Чтобы узнать как добавить стандартную карту в контейнер платформы, см. ","type":"text"},{"text":"Настройка картографического измерения","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Настройка картографического измерения","versionAtSave":"2"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/ver36/pages/356589288"}}]},{"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":"1"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/ver36/pages/356820246"}}]},{"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":60.0},"content":[{"type":"media","attrs":{"__fileSize":20165,"__fileMimeType":"image/png","width":792,"id":"3cad372d-42bd-414a-80bd-9a74e8d58938","collection":"contentId-356601145","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":{"href":"/wiki/download/attachments/356601145/widgets_kod.js?version=1&modificationDate=1708073996455&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":"e7d4f557-1134-4f21-84fb-3ae378de09b6","collection":"contentId-356601145","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":"bde668b8-368b-4c9e-a867-9794f3d77820","collection":"contentId-356601145","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":60.0},"content":[{"type":"media","attrs":{"__fileSize":157894,"__fileMimeType":"image/png","width":1270,"id":"2496d091-c443-4112-a9bd-19f58f23fd7a","collection":"contentId-356601145","type":"file","__fileName":"created-map.png","height":724}}]}]}]},{"type":"paragraph","content":[{"text":"Виджет отобразит загруженные данные:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":60.0},"content":[{"type":"media","attrs":{"__fileSize":113682,"__fileMimeType":"image/png","width":1210,"id":"c55e7da6-2031-4116-aceb-5a14a23ff7d2","collection":"contentId-356601145","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":60.0},"content":[{"type":"media","attrs":{"__fileSize":129253,"__fileMimeType":"image/png","width":1280,"id":"7f2947d7-2f8c-4d85-b59b-8e26192556c3","collection":"contentId-356601145","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":60.0},"content":[{"type":"media","attrs":{"__fileSize":90055,"__fileMimeType":"image/png","width":1280,"id":"6a26539e-4d32-4325-a7d8-8e0cecff240e","collection":"contentId-356601145","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":"4d6eb756-72a9-4515-8323-558b6eb7dfa4","collection":"contentId-356601145","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":60.0},"content":[{"type":"media","attrs":{"__fileSize":119527,"__fileMimeType":"image/png","width":780,"id":"0e844669-0adc-411b-a072-af59b286ca99","collection":"contentId-356601145","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":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Создание, редактирование, удаление измерения","versionAtSave":"1"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/ver36/pages/352846205"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Добавление измерений и показателей","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Шаг 2. Добавление измерений и показателей","versionAtSave":"2"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/ver36/pages/356518142"}}]}]}]}]}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"paragraph","content":[{"text":"На этой странице","type":"text","marks":[{"type":"strong"}]}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"_parentId":{"value":"356601145"}},"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":"edff29e7-3416-46ea-92b6-c01e558e3280","collection":"contentId-356601145","height":""}}},{"text":" в приложении, чтобы задать вопрос.","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]}]}],"version":1}

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