highcharts clickable标签如何转到锚点

Question

我在Backbone应用程序中使用Highcharts在列图中显示一些信息。

我使用图表中的数据标签允许用户点击并移动到该数据点的详细信息页面。这不是一个正常的window.location调用，但应该是一个window.location.hash调用。这是因为我想转移到一个锚点，它将被我的Backbone路由器接收。

这是典型标签（使用格式化程序）转换为：

<tspan onclick="location.href=&quot;/#/test/1&quot;" style="cursor: pointer; " x="360">Sectie nummer 6</tspan>

换句话说，是否可以让Highcharts做一个onclick =“window.location.hash = ...”而不是location.href？

提前致谢！

Answer 1

window.location.hash="comment-16513878"＆amp; window.location="#comment-16513878"似乎有相同的结果。你试过了吗？

formatter: function() {
    return '<a href="#somePlaceHolder" >' + this.y + '</a>';
}

http://jsfiddle.net/jugal/BUxMZ/

Answer 2

另一种解决方案（不是最常见的跨浏览器解决方案，因为它依赖于<text>，但你可以使用不兼容的IE版本）

$(".highcharts-data-labels").on("click", "text", function() {
    window.location.hash = "anchor";
});

Why jQuery.on()?

jsFiddle Demo