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。

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

图表标题点击事件

2 个答案: