Balloon.HoverMode

Syntax

HoverMode: PP.HoverMode;

Description

The HoverMode property determines method of tooltip displaying.

Comments

Use JSON or the setHoverMode method to set the property value and the getHoverMode method to get the property value

Example

To execute this example, the HTML page must contain the BubbleChart component named bubbleChart (see Example of Creating the BubbleChart Component). Hover the mouse cursor on the point of the third series and get settings of bubble chart element crosshair static tooltip and change tooltip position:

// Get the third data series
series = bubbleChart.getSeries()[2];
// Get the first point of the data series
seriePoint = series.getPoints()[0];
// Get bubble crosshair
cross = seriePoint.getCrosshair();
// Get X axis label of crosshair bubble
bloon = cross.getXLabel();
// Get tooltip settings
console.debug("Tail length: " + bloon.getTailLength());
console.debug("tail position: " + bloon.getTailPosition());
console.debug("Display method: " + bloon.getHoverMode());
console.debug("Offset: " + bloon.getOffset());
console.debug("Side: " + bloon.getSide());
console.debug("Minimum offset: " + bloon.getMinTailOffset());
console.debug("X coordinate: " + bloon.getTargetX());
console.debug("Y coordinate: " + bloon.getTargetY());
console.debug("Tooltip is beyond the free area: " + bloon.getIsTargetOut());
// Set new tooltip position
bloon.setPosition(bloon.getTargetX(),bloon.getTargetY()-50);

After executing the example the console displays the current settings of bubble chart crosshair tooltip, the tooltip is rendered in the new position.

See also:

Balloon