Product Selector

Fusion 5.12
    Fusion 5.12

    Chart Tooltips

    Table of Contents

    Tooltips

    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 in either of the series tags (Series Facet tag and Series Result List tag) if the tooltip is specific to a series.

    <chart:display response="response" title="Current Products vs Recommended Products">
    <series:facet name="current_products" type="column" title="Current Products"></series:facet>
    <series:facet name="recommended_products" type="column" title="Recommended Products"></series:facet>
    <chart:tooltip header-format="<b>{point.x}</b><br/>" point-format="{series.name}: <b>{point.y}</b><br/>"></chart:tooltip>
</chart:display>

    Chart Tooltip

    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 have hovered over.

    <chart:display response="response" title="Current Products vs Recommended Products" stacking="normal">
    <series:facet name="current_products" type="column" title="Current Products"></series:facet>
    <series:facet name="recommended_products" type="column" title="Recommended Products"></series:facet>
    <chart:tooltip headerFormat="<b>{point.x}</b><br/>" point-format="{series.name}: <b>{point.y}</b><br/>" shared="true"></chart:tooltip>
</chart:display>

    Chart Tooltip Shared

    To see all related attributes, see the chart:tooltip tag documentation.