2016-04-17 6 views
1

Ich habe festgestellt, dass der jquery flot den Zahlen eine zusätzliche Dezimalzahl hinzufügt, sodass 1212.00 wird. HierVerhindern, dass jQuery Flot Zahlen in Dezimalzahlen umwandelt

ist ein Beispiel:

$(function() { 

    var data = [ [0, 3], [4, 8], [8, 5], [9, 13] ]; 

    $.plot($("#placeholder"), [data], { 
    grid: { 
     hoverable: true, 
     clickable: true 
    }, 
    series: { lines: {show: true}, 
       points:{show: true} 
    } 
    }); 

    $("<div id='tooltip'></div>").css({ 
    position: "absolute", 
    display: "none", 
    border: "1px solid #fdd", 
    padding: "2px", 
    "background-color": "#fee", 
    opacity: 0.80 
    }).appendTo("body"); 


    $("#placeholder").bind("plothover", function(event, pos, item) { 
    if (item) { 
     var x = item.datapoint[0].toFixed(2), 
     y = item.datapoint[1].toFixed(2); 

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

}); 

Es ein Diagramm mit Tooltip zeigt. Wenn Sie die Maus auf die Punkte schweben sehen Sie

x is: 4.00 -- y is 8.00 

http://jsfiddle.net/b22j666L/

Wie kann ich es beheben?

Antwort

2

Entfernen Sie .toFixed(2) in Ihrem Code.

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

DEMO

+1

Wie konnte ich es nicht verpassen !! –

2

Diese Zeilen von Codes machen Tooltip Werte zu schweben.

var x = item.datapoint[0].toFixed(2), 
    y = item.datapoint[1].toFixed(2); 

Um x und y ganze Zahl,

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