web-dev-qa-db-ja.com

棒グラフと折れ線グラフのx軸とy軸に整数のみを入力します-Flot

Flot.jsでは、棒グラフと折れ線グラフには、デフォルトでx軸とy軸の座標として数値があります。

Line graph sample

数値が整数のみ、または少なくとも整数のみが表示されるように座標を作成するにはどうすればよいですか?

23

documentation からminTickSizeオプションを確認してください。

または、「minTickSize」を使用して、特定のティックサイズよりも小さいサイズのティックを使用しないように指定することもできます。

したがって、グラフオプションでは、次のように指定します。

$.plot($('#placeholder'),data,{
   //your options,
   xaxis: {
      minTickSize: 1
   }
});

ここで動作することを確認してください: http://jsfiddle.net/ryleyb/g2CTz/

21
Ryley

Flotrの最近のバージョンでは、元の回答以降、これを制御するために別のオプションを使用しているようです。

    xaxis: {
        tickDecimals: 0
    }

表示する小数点以下の桁数を整数に指定するだけです。

注意:これはFlotr2用です。

61