2016-05-23 4 views
1

グラフを表示するために、Flotプラグインを使用しています。私は、値x &を表示するためにツールチップを実装しています。Query - Flot - xデータ値を取得

私は正しい値を得るためにいくつか問題があります。 x軸は月の名前を表示する文字列です。 x軸からどのように値を取得できますか?

FIDDLE

$("#placeholder").bind("plothover", function(event, pos, item) { 
    if (item) { 
     var x = item.datapoint[0]; 
     var y = item.datapoint[1]; 
     $("#tooltip").html("x: " + x + " y: " + y) 
     .css({ 
      top: item.pageY + 5, 
      left: item.pageX + 5 
     }) 
     .fadeIn(200); 
    } else { 
     $("#tooltip").hide(); 
    }  
}); 
+0

を使用してください?キャンバス内の任意の点をクリックしてください – Vlad

+0

フィドルは、チャートの位置を表示します。私は月の名前を取得する必要があります – SNos

+1

このフィドルは動作しますか? http://jsfiddle.net/jxbgmrjc/2/ – Vlad

答えて

0

バーの月を表示するには、このフィドル作業はhttp://jsfiddle.net/jxbgmrjc/ウィルitem.series.dataに

$("#placeholder").bind("plothover", function(event, pos, item) { 

    if (item) { 

     var x = item.datapoint[0]; 
     var y = item.datapoint[1]; 

     var dataPoint = item.series.data[item.dataIndex]; 
     var mm = dataPoint[0]; 


     $("#tooltip").html("x: " + x + " y: " + y + " month: " + mm) 
     .css({ 
      top: item.pageY + 5, 
      left: item.pageX + 5 
     }) 
     .fadeIn(200); 
    } else { 
     $("#tooltip").hide(); 
    } 

    }); 
+0

ありがとう..これは私が探していたものです – SNos

関連する問題