2016-04-18 5 views
1

jquery flotを使用してチャートをツールチップで表示しています。カスタムのx軸データを取得するためにダニを使用しています。私は、ツールチップを表示したいときSOJquery Flotがツールチップのティックデータを取得

var data = [ [0, 3], [4, 8], [8, 5], [9, 13] ]; 
var ticksData = [ [0, "A"], [4, "B"], [8, "C"], [9, "D"] ]; 
...... 
xaxis: {    
     ticks: ticksData, 
     tickLength: 0 
    }, 

しかし、私はどれもticksデータを得ました。私は、

$("#placeholder").bind("plothover", function(event, pos, item) { 
     var x = item.datapoint[0], y = item.datapoint[1]; 
     //x and y are 4,8 instead of B,8 

完全なサンプルhttp://jsfiddle.net/z0u6rqhe/

は、ティックデータを表示するツールチップを修正するために取得する方法はありますか、私はticksDataをループとは、このリンクをチェックしてください値

+0

親愛なる@AdnanUmerは、私が持っていることを期待 'X:B'と' Y:8'。私が言及したように、私はxaxisがデータを刻みたい。 –

+0

自分でティック値を見つけなければなりません。このためにflotに組み込みのメソッドはありません。 – Raidri

答えて

1

を見つける再必要がありますこれがあなたに役立つことを願っています。

jsfiddle.net/z0u6rqhe/5/ 

コード:

var x = item.series.xaxis.ticks[item.dataIndex]; 
+1

まさに!あなたの答えのキー部分もここにコピーしてください! –