Add a clickable link to the tooltip
This article explains the steps for adding a clickable link to the tooltip. We will use a
tilemap circle to demonstrate how to do this
1. Create a
tilemap and enter the
map editor
3. Paste the following code in the custom code panel:
Highcharts.merge(true, options, { tooltip: { style: { pointerEvents: 'auto' } } })
In everviz, it should look like this:
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6268fc061075f816e65bc758/images/6458d42451152c21f50417cb/file-AY2WrZkQmj.png)
4. Click the
data tab
5. Add the URL into an empty column on the datagrid with this formatting:
<a target="_base" href="www.everviz.com">everviz main page</a>
Here, a URL is added into column F. In the data controller, click Extras and select column F.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6268fc061075f816e65bc758/images/6458d52b51152c21f50417cf/file-87Rx5V305S.png)
7. Go to
Customize > Basic > Tooltip > Body and add {point.extra}
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/6268fc061075f816e65bc758/images/6458d54051152c21f50417d0/file-F6Ish4Wg1X.png)
8. The link in the tooltip is now clickable.