GlobalItemsIds: Object
Свойство GlobalItemsIds определяет словарь глобальных идентификаторов элементов.
Значение свойства устанавливается из JSON с помощью метода setGlobalItemsIds, а возвращается с помощью метода getGlobalItemsIds.
Значение свойства представляет собой JSON-объект, элементы которого представлены в следующем формате: <внутренний идентификатор элемента: глобальный идентификатор элемента>.
Словарь глобальных идентификаторов служит для сопоставления элементов различных визуализаторов экспресс-отчета для синхронизации таких действий, как выделение элементов и установка наведения на элементы.
Для выполнения примера необходимо наличие на html-странице компонента BubbleChart с наименованием «bubbleChart» (см. «Пример создания компонента BubbleChart»).
Получим массивы идентификаторов легенд и привязок данных. Определим и установим словарь глобальных идентификаторов. В консоль среды разработки выведем следующие значения:
размер легенды пузырьковой диаграммы;
глобальный и внутренний идентификаторы элемента;
идентификатор привязки данных;
идентификатор легенды.
Обработаем события выделения элементов легенды:
// Получаем словарь связи легенд с привязками данных
var legendMapping = bubbleChart.getLegendMapping();
// Определяем массивы идентификаторов легенд и привязок данных и заполняем их
var legendsIds = [];
var dataMappingsIds = [];
for (var key in legendMapping) {
legendsIds.push(key);
dataMappingsIds.push(legendMapping[key]);
}
// Получаем легенду по идентификатору
var legend = bubbleChart.getLegendById(legendsIds[0]);
// Устанавливаем словарь глобальных идентификаторов
var globalIds = {
Serie0_Point0: 23599
}
bubbleChart.setGlobalItemsIds(globalIds);
// Выводим размеры легенды
console.log("Размер легенды: %sx%s", legend.getWidth(), legend.getHeight());
// Выводим глобальный и внутренний идентификаторы элемента
console.log("Глобальный идентификатор: " + bubbleChart.getGlobalItemId(bubbleChart.getBackwardGlobalItemsIds()[23599]));
console.log("Внутренний идентификатор: " + bubbleChart.getLocalItemId(23599));
// Выводим идентификатор привязки данных
console.log("Идентификатор привязки данных: " + legendMapping[legendsIds[0]]);
// Выводим идентификатор легенды
var legendBackwardMapping = bubbleChart.getBackwardLegendMapping();
console.log("Идентификатор легенды: " + legendBackwardMapping[dataMappingsIds[0]]);
// Обрабатываем события выделения элементов легенды
bubbleChart.LegendItemSelected.add(function () {
console.log("Инициировано событие LegendItemSelected");
});
bubbleChart.LegendItemSelecting.add(function () {
console.log("Инициировано событие LegendItemSelecting");
});
В результате в консоль среды разработки будут выведены полученные значения:
Размер легенды: 465x32
Глобальный идентификатор: 23599
Внутренний идентификатор: Serie0_Point0
Идентификатор привязки данных: DataMapping257
Идентификатор легенды: 0_BubbleChart71
Также при выделение элементов диаграммы в консоль будут выведены сообщения о вызове обработанных событий:
Инициировано событие LegendItemSelecting
Инициировано событие LegendItemSelected