Индивидуальные настройки для виджета «Картосхема»
| Примечание |
|---|
Для корректного отображения данных на виджете, в модели данных должен существовать атрибут со значение отвечающим за код GeoJSON. Более подробно с существующими кодами можно ознакомиться в исходном файле GeoJSON. |
Настройки таблицы
 Image Modified
| Меню выбора вида картосхемы. Позволяет выбрать отображаемую территорию: - Russia.json;
- Belarus.json;
- Kazakhstan.json.
Данные карты являются предустановленными. Так же существует возможность добавлять кастомные карты, для этого необходимо добавить нужный*.json файл в платформу. Более подробно о том, как добавить кастомную картосхему, можно ознакомиться по ссылке. |
 Image Modified
| Настройка способа раскраски карты в зависимости от значений: - Градиент – необходимо задать два цвета: для максимального и минимального значений. Система автоматически присвоит каждой области цвет, в соответствии с его значением, которое входит в заданный диапазон цветов;
- По абсолютному значению – раскраска карты осуществляется в соответствии с заданными диапазонами абсолютных значений;
- По относительному значению – приходящие данные распределяются по шкале 100%: минимальному значению соответствует 0%, максимальное – 100%. Раскраска карты осуществляется в соответствии с заданными диапазонами относительных значений;
- По количеству – раскраска карты осуществляется в равных пропорциях количества областей.
Внимание: - Если заданные диапазоны пересекаются, то раскраска произойдет в соответствии с последним диапазоном (тот который находится ниже в списке).
- Если значения не указаны в диапазоне, то присвоится цвет минимального или максимального диапазона (в зависимости какое значение не указано).
|
Градиент |
 Image Modified
|
Задание цвета для минимального значения. |
|
 Image Modified
|
Задание цвета для максимального значения. |
|
По абсолютному значению |
 Image Modified
|
Добавление стиля раскраски - добавление диапазона. |
|
 Image Modified
|
Заменяет название территории числовыми значениями диапазона, в которое входит значение этой территории. |
|
 Image Modified
|
Присвоение подписи в легенде. |
|
 Image Modified
|
Настройка границ значений диапазона в абсолютных значениях. |
|
 Image Modified
|
Присвоение цвета только что заданному диапазону. |
|
По относительному значению |
 Image Modified
|
Добавление стиля раскраски - добавление диапазона. |
|
 Image Modified
| Заменяет название территории числовыми значениями диапазона, в которое входит значение этой территории. |
 Image Modified
|
Присвоение подписи в легенде. |
|
 Image Modified
|
Настройка границ значений диапазона. |
|
 Image Modified
|
Присвоение цвета только что заданному диапазону. |
|
По количеству |
 Image Modified
|
Добавление стиля раскраски. |
|
 Image Modified
|
Заменяет название территории числовыми значениями диапазона, в которое входит значение этой территории. |
|
 Image Modified
|
Присвоение подписи в легенде. |
|
 Image Modified
|
|
Легенда
 Image Modified
| Скрытие / отображение легенды. |  Image Modified Image Modified
| Настройка шрифта легенды и его размера. |  Image Modified
| Задание цвета текста легенды. |  Image Modified
| Настройка отображения легенды в виде строки или столбца. |  Image Modified
| Настройка расположения легенды внутри границ виджета по горизонтали. |  Image Modified
| Настройка расположения легенды внутри границ виджета по вертикали. |
|
| Примечание |
|---|
Если после добавления файла GeoJSON и привязки к нему данных, виджет не отображает данные, то существующий код виджета необходимо дополнить. Для этого, разрешаем редактирование кода виджета в панели настроек. И в окне редактирования кода добавляем следующий код: | Блок кода |
|---|
| var dataFrame = visApi().getWidgetByGuid(w.general.renderTo).widgetDataContainer.dataFrame;
var rows = dataFrame.rows;
var values = dataFrame.values[0];
w.plotOptions.map.events = {
click: function(event) {
var point = event.point;
visApi().setFilterSelectedValues(w.general.renderTo, [[point.name]]);
}
}
w.series[0].joinBy = "name";
w.series[0].data = rows.map(function (row, i) {
return {
value: values[i],
name: row[0]
}
}); |
Нажимаем кнопку "Выполнить код". |