2016-05-23 38 views
1

我正在使用插件Flot來顯示圖表。我正在實施工具提示以顯示值x & y。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

將這項工作撥弄http://jsfiddle.net/jxbgmrjc/?嘗試單擊畫布上的任意點 – Vlad

+0

小提琴在圖表上顯示位置。我需要獲得月份名稱 – SNos

+1

這個小提琴是否會工作? http://jsfiddle.net/jxbgmrjc/2/ – Vlad

回答

0

顯示該酒吧月份請使用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