Tooltips allow people to hover over parts of an overlay to see the data values for that part of the overlay. Tooltip content is fully configurable.
To create a basic tooltip
With a joinable data overlay selected,
- Under Interaction, Tooltip select Set tooltip template. The Set tooltip template modal will open
- Type content into the text area, a preview will appear below. Hovering over the overlay will also show current changes
- When complete, select close ×
To add data values to a tooltip
With the Set tooltip template modal open,
- Place the caret in the text where you want the data value
- Select Insert attribute, the Tooltip attribute modal will open
- Select a data attribute from the list. You can filter the list to show fewer items (filter options on the left). Once selected the modal will close
- The data value placeholder will appear in the text area. The data value placeholder will start and finish with a pair of braces { }
A data value placeholder starts and finishes with a pair of braces { }. It includes text also in braces { }. A full stop connects neighbouring text-in-braces. There are no spaces. The text can be read like directions to where to find the data value.
Example of a data value placeholder:
{{feature}.{lad_name}}{{lad-access-to-car}.{two_cars_or_vans_percent_2021}}
The data value placeholder content must not be edited with the exception of adding formatting. See How to format tooltip attributes
You can edit the tooltip content outside of the outer braces { }.
To format tooltip content
Tooltips can contain text and data values. Additional formatting can be added using Markdown. By adding additional Markdown characters to the text area the tooltip will show the corresponding formatting.
In addition to the basic syntax tooltips support tables. See Tables under Markdown Guide, Extended Syntax (opens in a new tab)