防止jQuery Flot將數字轉換為十進制

Question

我發現jquery flot給數字增加了十進制，因此12將是12.00 。

這是一個示例：

$(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();
    }
  });

});

它顯示帶有工具提示的圖表。 當您將鼠標懸停在所看到的點上時

x is: 4.00 -- y is 8.00

http://jsfiddle.net/b22j666L/

我該如何解決？

Answer 1

在代碼中刪除.toFixed(2) 。

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

演示

Answer 2

這些代碼行使工具提示值浮動。

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

要使x和y為整數，

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