hoverItems(items: Object, timelineStep: Number);
items. Bubble tree items to be hovered over.
timelineStep. Time line step.
The hoverItems method hovers over bubble tree items.
To execute the example, the page must contain the BubbleTree component named bubbleTree (see Example of Creating the BubbleTree Component).
Get data model, set a new active item, set handler for the ItemsHovered event, and next fire this event:
// Get data model var model = bubbleTree.getModel() // Get item by identifier var item = model.getItem("EU"); // Set a new active item model.setActiveItem(item); // Get chart root item var rootItem = model.getRootItem(); // Set a new root item model.setRootItem(rootItem); // Get bubble tree item with the "WEU" identifier var bubbleTreeItem = bubbleTree.getModel().getItem("WEU"); // Determine object for selecting item by means of mouse hovering items = {}; items[bubbleTreeItem.getId()] = true; // Add ItemsHovered event handler bubbleTree.ItemsHovered.add( function () { console.log("ItemsHovered event"); // Set cursor hovering to a bubble tree item bubbleTree.hoverItems(items, 0); } ); // Fire the ItemsHovered event bubbleTree.fireItemsHovered(); // Refresh chart bubbleTree.refresh();
After the example execution a new acitve item is set, and the bubble tree item with the ID WEU is hovered over:
The browser console shows a message that the processed event was invoked:
ItemsHovered event