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). |