2

バックボーンアプリケーション内でHighchartsを使用して、いくつかの情報を縦棒グラフで表示しています。

グラフのデータラベルを使用して、ユーザーがクリックしてそのデータポイントの詳細ページに移動できるようにします。これは通常のwindow.location呼び出しではありませんが、window.location.hash呼び出しである必要があります。これは、バックボーンルーターによってピックアップされるアンカーに移動したいためです。

これは、(フォーマッターを使用した)一般的なラベルが次のように変換されるものです。

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

つまり、Highchartsにlocation.hrefの代わりにonclick = "window.location.hash = ..."を実行させることは可能ですか?

前もって感謝します!

4

2 に答える 2

0

window.location.hash="comment-16513878"window.location="#comment-16513878"同じ結果になるようです。あなたはそれを試しましたか?

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

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

于 2012-09-06T20:33:40.093 に答える
0

代替ソリューション (に依存しているため、ほとんどのクロスブラウザー ソリューションではあり<text>ませんが、互換性のない IE バージョンで動作させることができます)

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

なぜjQuery.on()ですか?

jsFiddle デモ

于 2012-09-08T09:20:01.773 に答える