Настройки виджета «Картосхема»

Индивидуальные настройки для виджета «Картосхема»

Для корректного отображения данных на виджете, в модели данных должен существовать атрибут со значение отвечающим за код GeoJSON. Более подробно с существующими кодами можно ознакомиться в исходном файле GeoJSON.

Настройки таблицы

Меню выбора вида картосхемы. Позволяет выбрать отображаемую территорию:

  • Russia.json;
  • Belarus.json;
  • Kazakhstan.json.

Данные карты являются предустановленными. Так же существует возможность добавлять кастомные карты, для этого необходимо добавить нужный*.json файл в платформу. Более подробно о том, как добавить кастомную картосхему, можно ознакомиться по ссылке.

Настройка способа раскраски карты в зависимости от значений:

  • Градиент – необходимо задать два цвета: для максимального и минимального значений. Система автоматически присвоит каждой области цвет, в соответствии с его значением, которое входит в заданный диапазон цветов;
  • По абсолютному значению – раскраска карты осуществляется в соответствии с заданными диапазонами абсолютных значений;
  • По относительному значению – приходящие данные распределяются по шкале 100%: минимальному значению соответствует 0%, максимальное – 100%. Раскраска карты осуществляется в соответствии с заданными диапазонами относительных значений;
  • По количеству – раскраска карты осуществляется в равных пропорциях количества областей.

Внимание:

  • Если заданные диапазоны пересекаются, то раскраска произойдет в соответствии с последним диапазоном (тот который находится ниже в списке).
  • Если значения не указаны в диапазоне, то присвоится цвет минимального или максимального диапазона (в зависимости какое значение не указано).


Градиент

Задание цвета для минимального значения.

Задание цвета для максимального значения.

По абсолютному значению

Добавление стиля раскраски - добавление диапазона.

Заменяет название территории числовыми значениями диапазона, в которое входит значение этой территории.

Присвоение подписи в легенде.

Настройка границ значений диапазона в абсолютных значениях.

Присвоение цвета только что заданному диапазону.

По относительному значению

Добавление стиля раскраски - добавление диапазона.

Заменяет название территории числовыми значениями диапазона, в которое входит значение этой территории.

Присвоение подписи в легенде.

Настройка границ значений диапазона.

Присвоение цвета только что заданному диапазону.

По количеству

Добавление стиля раскраски.

Заменяет название территории числовыми значениями диапазона, в которое входит значение этой территории.

Присвоение подписи в легенде.

Присвоение цвета.

Легенда

Скрытие / отображение легенды.

Настройка шрифта легенды и его размера.

Задание цвета текста легенды.

Настройка отображения легенды в виде строки или столбца.

Настройка расположения легенды внутри границ виджета по горизонтали.

Настройка расположения легенды внутри границ виджета по вертикали.

Если после добавления файла 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]
    }
});

Нажимаем кнопку "Выполнить код".