javascript - 图表点击事件上的图表标题

Question

我想要的是能够单击图表的标题并执行操作，但是下一个最好的事情是图表级别的单击事件。我能够使用以下方法从事件中找到图表的标题：

this.title.element.innerHTML
this.title.element.innerText
this.title.element.childNodes[0].nodeValue
this.title.element.firstChild.data
this.title.element.firstChild.nodeValue

虽然上述所有工作都在 IE8+ 中工作，但它们在 FireFox 中不起作用。有任何想法吗？

Answer 1

您可以将 useHTML 设置为 true 的标题：

 title: {
    text: 'testtest',
 }

然后使用jquery事件点击

$('.highcharts-title').click(function(){
    alert('action');
});

http://jsfiddle.net/puhtu/1/

Answer 2

Highcharts 在标题中内置了对 URL 的支持，因此您可以将“a href=" 嵌入到图表的标题中以使其加载页面。

请参阅：http ://www.java2s.com/Tutorials/highcharts/Example/Title/Add_hyper_link_to_chart_sub_title.htm

您加载的页面可以做任何您想做的事情。

这种方法的好处在于，如果您在同一页面上有 10 个图表，则每个图表可以加载不同的 URL。

我使用它从摘要图表导航到包含更详细信息的页面。