hoverItems(items: Object, timelineStep: Number);
items. JSON-объект, поля которого соответствуют идентификаторам выделяемых элементов плоского дерева;
timelineStep. Индекс шага временной оси.
Метод hoverItems устанавливает наведение на элемент плоского дерева.
Для выполнения примера предполагается наличие на странице компонента TreeMap с наименованием «treeMap» (см. «Пример создания компонента TreeMap»). Для элемента плоского дерева «Южная Европа» выполним заливку жёлтого цвета, установим и обработаем наведение, отображая для него всплывающую подсказку с границей, цвет которой отличается от цвета элемента:
// Обработаем событие ItemsHovered treeMap.ItemsHovered.add(function (sender, args) { if (args.Items != null) { for (var i in args.Items) { // Получаем элемент плоского дерева var treeMapItem = treeMap.getModel().getItem(i); // Отображаем для него всплывающую подсказу treeMapItem.showTooltip(); }; } }); // Цвет границы всплывающей подсказки должен отличать от цвета элемента var treeMapExt = new PP.Ui.TreeMap({ UseItemColorForToolTipBorder: false }); PP.overrideObject(treeMap, treeMapExt, "_UseItemColorForToolTipBorder"); // Получаем элемент плоского дерева «Южная Европа» var treeMapItem = treeMap.getModel().getItem("SEU"); // Имитируем наведение курсора на данный элемент items = {}; items[treeMapItem.getId()] = true; treeMap.hoverItems(items, 0); // Генерируем событие наведения на элемент treeMap.fireItemsHovered(treeMapItem.getId()); // Определяем цвет данного элемента var targetColor = new PP.SolidColorBrush({ Color: "#ffd900" }); // Запрещаем автоматическое раскрашивание элемента treeMap.setLabelAutoColor(false); // Устанавливаем цвет заливки элемента treeMapItem.setTargetColor(targetColor, 0.8); // Воспроизводим анимацию treeMapItem.animationStep(1); // Обновляем элемент плоского дерева treeMapItem.update();
В результате выполнения примера для элемента плоского дерева «Южная Европа» была выполнена заливка жёлтого цвета и отображена всплывающая подсказка с границей, цвет которой отличается от цвета элемента: