How To
Documentation
    Learn More

      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

      ParamTypeDetails
      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