HTML Chart Control

Tooltip Enhancements for HTML Charts

By default, a chart will display a tooltip when the user moves the mouse over a chart segment. The default tooltip information includes:

For all chart types except pie charts:

• Current data series’s display name (title from Field Heading), i.e “Book Value”
• Current category field’s value, i.e. “1 Harrison Park”
• Current data field’s value, i.e “900,000.00”

For pie charts:

• Current category field’s value, i.e. “Science-Park-E”
• Percentage of the data field value within the total
• Current data field’s value, i.e “52,000,000.00”

Add-in managers can specify that the chart display additional information in the tooltip, such as:

• Category field Title (formatted from the Field’s Field Heading, e.g. “City Code”).

• Category value (e.g. “Boston” in an Area by City Chart)

• For a pie chart, percentage of the data value within the total
• Data Field Title
• Data value (“4,356.02”) attached with unitKey or unitSuffix
• xField table name and field name (i.e. property.pr_id)
• yField table name and field name (i.e. property.value_book)
• unitKey value
• unitSuffix value

To display this additional information in the tooltip, add-in managers should add the showAllTooltipInfo property to the chart <panel> element:

<panel type="chart" … showAllTooltipInfo="true">