ActiveReports 13
Add Tooltips in Charts for HTML5 Viewer
ActiveReports 13 > ActiveReports User Guide > How To > Page Report/RDL Report How To > Add Tooltips in Charts for HTML5 Viewer

Tooltips display information about the area hovered by a cursor. When viewing a Chart, tooltips display information about data points and labels when you hover the cursor over a data series.

You can define tooltips for the chart's data point (viewed in HTML5 Viewer) by using expressions in the Tooltip field of the Series Values of the Chart Data dialog. You can also set a tooltip for a Chart in code by using the GrapeCity.ActiveReports.PageReportModel.DataPoint.ToolTip property.
If the Tooltip property is set, the label value of the current category group is displayed with the data points. In case of a nested grouping, the lowest category group value is displayed.

The following chart types, which do not support any interactivity feature, also do not support tooltips for charts in the HTML5 Viewer.

Note: This topic uses the HTML5Viewer sample located in [User Documents folder]\GrapeCity Samples\ActiveReports 13 folder.

To add tooltips to a Chart viewed on HTML5 Viewer

  1. Open the HTML5Viewer sample.
  2. In the Solution Explorer, go to the Reports folder and open SalesDashboard.rdlx.
  3. In the Report Explorer, select the chSales_Column chart.
  4. In the Properties window, click Chart data to open the Chart Data dialog.
  5. Go to the Series Values page and select Sales.
  6. In the Tooltip field, enter the following expression:

    ="Sales: " & Sum(Fields!Sales.Value)

  7. On the Series Values page, select TargetValue.
  8. In the Tooltip field, enter the following expression:

    ="Target : " & Fields!TargetValue.Value

  9. Click OK and run the application. The tooltips are displayed on hovering the Chart series.

Note:

See Also

Concepts

Getting Started

Samples