2016-04-17 4 views
1

jquery flotが数字に十進数を追加したので、1212.00になります。ここでjQuery Flotで数値を10進数に変換できないようにする

はサンプルです:

$(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/

を参照してください?!

答えて

2

コードで.toFixed(2)を削除してください。

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

DEMO

+1

をxとyの整数を作るために! –

2

コードのこれらの行は、ツールチップ値が浮遊することを可能にします。

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

私はそれを見逃す可能性がどのように、

var x = item.datapoint[0], 
    y = item.datapoint[1]; 
関連する問題