Сравнение версий

Старая версия 2

changes.mady.by.user Visiology Robot (Unlicensed)

Сохранено

по сравнению с

Новая версия Текущий

changes.mady.by.user Фатхулова Гузалия (Unlicensed)

Сохранено

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

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

Примечание

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

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

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

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

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

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

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

Внимание:·        

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


Градиент


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



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


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


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



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



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



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



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


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


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


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


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



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



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


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


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



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



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



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


Легенда


Image Modified

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

Image ModifiedImage Modified

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

Image Modified

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

Image Modified

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

Image Modified

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

Image Modified

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



Примечание

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

Для этого, разрешаем редактирование кода виджета в панели настроек. И в окне редактирования кода добавляем следующий код:

Блок кода
languagejs
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]
    }
});

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