chart:tooltip

Description

Tooltip Tag
Tooltips display information when you hover over a point or area of the chart, tooltips can be set across the whole chart or specifically to a series using the Chart Tooltip tag. This tag must be nested in the Chart Display tag or the series tags (Series Facet Tag, Series Result List Tag or Series Time Tag) if the tooltip is specific to a series.

Shared Tooltip If you are rendering more then one series you can set the tooltip to be shared, this means it will display information about all the series for the point you've hovered over.

Usage

as element:
<chart:tooltip
       [header-format="{string}"]
       [point-format="{string}"]
       [shared="{boolean}"]>
</chart:tooltip>

Directive info

  • This directive creates new scope.

Parameters

Param Type Details
header-format
(optional)
string

Custom formatting of the data point tooltips header. Can make use of expressions '{point.name}','{point.x}' and '{point.y}'. For example: '{point.x} cm, {point.y} kg'.

point-format
(optional)
string

Custom formatting of the data point tooltips. Can make use of expressions '{point.name}', '{point.x}' and '{point.y}'. For example: '{point.x} cm, {point.y} kg'.

shared
(optional)
boolean

Whether the tooltip should show the point details of evert series (only work when placed within the Chart Display tag).

Example

Source