2016-05-23 7 views
1

Ich verwende das Plugin Flot, um ein Diagramm anzuzeigen. Ich implementiere einen Tooltip, um die Werte x & y anzuzeigen.Abfrage - Flot - Get x Datenwert

Ich habe ein paar Probleme, die richtigen Werte zu bekommen. Die X-Achse sind Strings, die einen Monatsnamen anzeigen. Wie kann ich die Werte von der X-Achse bekommen?

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

wird diese Fiddle Arbeit http://jsfiddle.net/jxbgmrjc/ benutzen? Versuchen Sie, auf einen beliebigen Punkt in der Zeichenfläche zu klicken – Vlad

+0

Die Fiddle zeigt die Position im Diagramm an. Ich brauche den Monatsnamen – SNos

+1

Wird diese Geige funktionieren? http://jsfiddle.net/jxbgmrjc/2/ – Vlad

Antwort

0

Um den Monat der Balkenanzeige bitte die 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

Danke .. Das ist, was ich gesucht habe – SNos