Skip to main content

Custom tooltips

Create a custom tooltip to add extra information, including measures, a master visualization chart, or an image, to a visualization. Tooltips display when you hover over a visualization.

Custom tooltip over a pie chart slice

Custom tooltip over a pie chart slice

Custom tooltips are available with the following visualization types:

  • Bar chart
  • Bullet chart
  • Combo chart
  • Line chart
  • Map
  • Pie chart
  • Scatter plot
  • Treemap

Creating a custom tooltip

Add any combination of measures, a chart, or an image, to create a custom tooltip. Add a measure from a field or using an expression. Select a chart from the master visualizations available in the app. Choose an image from the media library or by URL. You can also hide the basic rows that appear in a tooltip by default .

  1. In sheet view, click Edit Edit sheet in the toolbar.

  2. Select the chart to edit.

  3. In the properties panel, click Appearance, and then click Tooltip.
  4. Set the toggle to Custom.

  5. Optionally, enter a Title and Description for the tooltip.
  6. Tip: You can remove basic tooltip rows that appear by default by clicking Hide basic rows.
  7. If you want to add a measure, under Measures, click Add measure. Select a measure from a field using From a field, or use an expression. The existing expression displays by default, or you can create a custom expression. Click Expression to open the expression editor. You can change the label of the tooltip using Label as well as its formatting using Number formatting.
  8. If you want to add a chart, under Chart, click Add chart.
    • From the Master items list, select the master visualization to add to the tooltip.
    • Under Chart size, select the size of the chart container in the tooltip.
      • Small. Sets the width and height of the container to 140 pixels.
      • Medium. Sets the width and height of the container to 200 pixels.
      • Large. Sets the width and height of the container to 340 pixels.
      Tip: After you add the chart, you can edit it by clicking Edit master item. See Editing a master visualization.
  9. If you want to add an image, under Images, Click Add an image.
    •  Under Type, select whether to add the image from your Media library or from a URL.
      • Media library: Select the image from the media library.
      • URL: Enter a URL. Your Qlik Sense administrator must whitelist external URLs in the Content Security Policy.
    • Under Size, select the size of the image container in the tooltip.
      • Small. Sets the width and height of the container to 50 pixels.
      • Medium. Sets the width and height of the container to 200 pixels.
      • Large. Sets the width and height of the container to 340 pixels.
      • Original. Qlik Sense fits the image into the container. If the image is larger than 340 pixels, it is scaled down.

Limitations of charts in custom tooltips

Charts have the following limitations with custom tooltips:

  • Charts will not appear in custom tooltips when selecting visualizations on touch devices.
  • Treemap chart must have only one dimension to use the chart in a custom tooltip.
  • Chart in tooltip is not supported in Storytelling.
  • Using container and trellis container charts inside a custom tooltip is not supported.