Hello, I'm trying to figure out how to turn the title in highcharts into a clickable link that works with bootstrap's popover feature. You can find an example of what I'm working on here:
$(function () {
$('#container').highcharts({
chart: {},
title: {
text: 'Sales Funnel ' + '<a style="font-size:12px" id="popoverFunnel" data-toggle="popover" title="hello" data-content="hellooo">Hello</a>'
},
xAxis: {
minPadding: 0.05,
maxPadding: 0.05
},
series: [{
data: [{
x: 0,
y: 29.9,
url: 'http://www.google.com'
}, {
x: 1,
y: 71.5,
url: 'http://www.yahoo.com'
}]
}],
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
var url = this.options.url;
window.open(url);
}
}
},
}
},
});
});
$('document').ready(function () {
$('#popoverFunnel').popover();
});
Appreciate any assistance, James