Custom Tooltip

Business Background

The Custom Tooltip option is available for the Line, Step Line and Stacked Line charts. You can create a custom tooltip that will be shown when the user hovers the mouse pointer over the chart.

How to Video

Coming soon!

How to Guide

1. Click the + icon to open the list of elements.
2. Select the Chart option from the list.
3. Click-and-drag a line chart to the canvas. In this example, a Stacked Line Chart is used.
4. Configure the Stacked Line Chart.
   • Select a source in Salesforce.
   • Configure conditions.
   • Do the mapping and click the Apply button.
5. Select the Stacked Line Chart settings Gear icon. The Stacked Line Chart Settings screen opens.
6. Select the Interactivity option.

7. Use the Custom Tooltip toggle switch to enable the option. The option is, by default, off.
8. Click the Custom Tooltip Gear icon. The Custom HTML modal opens.

9. Use the drop-down list to select the placement: bottom or top.
10. Add the tooltip text in the text field.
11. Click the Apply button.

12. Save and Preview the project.
13. Hover with the mouse pointer over a point on the chart. The tooltip is shown.