BubbleTree.ItemsTooltipStyle

Syntax

ItemsTooltipStyle: PP.Ui.ChartTooltipBase;

Description

The ItemsTooltipStyle property determines style of tooltip displayed for bubble tree items.

Comments

Property value can be set from JSON or using the setItemsTooltipStyle(value) method, that uses a JSON object containing style settings as a parameter. To get the property value, use the getItemsTooltipStyle() method.

BubbleTree Example

To execute this example, the page must contain the BubbleTree component named bubbleTree (see. Example of Creating the BubbleTree Component). Change item tooltip:

// Get current tooltip style
style = bubbleTree.getItemsTooltipStyle();
// Create a new style
nStyle = new PP.Ui.ChartTooltipBase(style);
nStyle.setMaskText("{%Name} tooltip");
// Apply new tooltip style
bubbleTree.setItemsTooltipStyle(nStyle);
bubbleTree.refresh();

After executing the example bubble tree items get alternative tooltip text.

Example with ExpressBox

To execute the example, the HTML page must contain the ExpressBox component named expressBox (see Example of Creating the ExpressBox Component) and a bubble tree visualizer is selected. Change item tooltip:

// Get the TreeMap component
dataView=expressBox.getDataView();
treeView = dataView.getBubbleTreeView();
bubbleTree = treeView.getInstance();
// Get the current tooltip style
style = bubbleTree.getItemsTooltipStyle();
// Create a new style
nStyle = new PP.Ui.ChartTooltipBase(style);
nStyle.setMaskText("{%Name} tooltip");
// Apply new tooltip style
bubbleTree.setItemsTooltipStyle(nStyle);
bubbleTree.refresh();

After executing the example bubble tree items get alternative tooltip text.