jquery - jqPlot円グラフのツールチップ

Question

jqPlotのHightlighterクラスはPieRendererのツールチップを処理しないと私は考えていますか？それらを機能させるためにかなりの時間を費やしましたが、ツールチップを表示させることができないようです。

私が正しい場合、セグメントのロールオーバーを処理し、データをサードパーティのjQueryツールチップに渡す方法はありますか？

ありがとう。

Answer 1

蛍光ペンプラグインを使用している場合は、useAxesFormatters：falseを設定することを忘れないでください。そうしないと、機能しません。

highlighter: {
    show: true,
    useAxesFormatters: false, // must be false for piechart   
    tooltipLocation: 'w',
    formatString:'%s, %P',
}

マウスには従いませんが、左上隅に設定されています。

Answer 2

jqplotの問題を見ると、この機能に対するいくつかの要求があったように見えますが、まだ実装されていません。

この質問に基づいて、jqplot円グラフにツールチップを表示する方法jqplotDataHighlight、およびjqplotDataUnhighlightイベントを接続できます。

$("#chartId").bind('jqplotDataHighlight', function(ev, seriesIndex, pointIndex, data) {

}); 

$("#chartId").bind('jqplotDataUnhighlight', function(ev, seriesIndex, pointIndex, data) {

});

この手法を使用してカスタムツールチップを作成する良い例がここにあります。それはバブルチャートを扱っていますが、それはあなたを正しい方向に向けるべきです。

円グラフのツールチップを使用できるjqplot-highlighterプラグインを試すこともできます。