{"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":"c6ecfdd8-dbcc-444b-9ee5-6ce9720d7ecb","collection":"contentId-715270129","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":55.0},"content":[{"type":"media","attrs":{"__fileSize":64099,"__fileMimeType":"image/png","width":1218,"id":"d562240f-bd2b-4398-bb0d-11e1c8ebaac6","collection":"contentId-715270129","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":"f1664f12-afc0-429a-acbe-b014f7f6ff01","collection":"contentId-715270129","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":"1"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/ver39/pages/715203953"}}]},{"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":"strong"}]},{"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":"da892fd2-7582-41ea-b679-92f093f08787","collection":"contentId-715270129","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":"7260dab2-465e-49bb-8311-77264139e04b","collection":"contentId-715270129","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":"1992f49f-eea2-4f5d-b1e7-3996d8f1a611","collection":"contentId-715270129","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":"abb9217e-421e-427c-9c87-6f6b9998dd4e","collection":"contentId-715270129","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":"997b181e-26ca-4725-b6a0-23f2b7e76cb5","collection":"contentId-715270129","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":"6c96512a-9884-4333-ac00-138def51ff97","collection":"contentId-715270129","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":"41a68210-361f-4c53-8694-787996a99877","collection":"contentId-715270129","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":"982f74fb-01fd-4ecf-a422-181f6d85b4ac","collection":"contentId-715270129","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":"06324173-8a51-4810-9360-f4359d484be6","collection":"contentId-715270129","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/ver39/pages/715271411"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Добавление измерений и показателей","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Шаг 2. Добавление измерений и показателей","versionAtSave":"1"},"href":"https://visiology-doc.atlassian.net/wiki/spaces/ver39/pages/715212521"}}]}]}]}]}]},{"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":"715270129"}},"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":"5991511a-696b-4783-be52-84541f884cf6","collection":"contentId-715270129","height":""}}},{"text":" в приложении, чтобы задать вопрос.","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]}]}],"version":1}

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