2016-09-14 9 views
1

複数のバーがある場合、バーの幅を一定に保つにはどうすればよいですか?例えば this fiddle中:Flot - データが1つしかない場合でもbarchartに一定の幅を持たせるには

var testing = $.plot($("#example-section15 #flotcontainer"), dataset, options);  
testing.getOptions().series.barWidth = 5; 
testing.draw(); 

私はすでにbarWidthを設定し、再びそれを再描画しようとするが、それは動作しませんが、バーの幅が非常に大きくなるだけで1つのデータポイントがあります。

enter image description here

+0

設定最小値と最大値のオプションを設定しますx軸。 – Raidri

+0

@Raidri私は最大と最小のオプションを使用することができますが、データはその場所にとどまり、期待される結果は、データが1つだけの場合はグラフの中央に表示され、複数のデータの場合は中央に表示されますグラフの 最大と最小のオプションを使用すると、データはその位置にとどまります(データ1のようにデータ1に表示され、もう1つは空です) –

答えて

1

バー幅は常にX軸の単位の用語で一貫している:ここ

はTHERのみ1つのデータポイントである場合の結果です。だから、あなたは確かめなければならない、x軸単位でのチャートの合計幅も固定されています。これを行うには、差異が常に同じになるようにx軸のオプションをminmaxに設定します。

たとえば、最大5つのバーがある場合は、合計幅を6単位にすることができます。

  • 1つのバー(位置決幅1):棒の中心はチャートの中心になるように常にminmaxオプションを設定し、チャート内の既存のバーを中央にmin: -2, max: 4
  • 二つのバーを設定します。 (1.5の中央):セットmin: -1.5, max: 4.5fiddle example
  • ...
  • 5本のバー(3時中央):用min: 0, max: 6
+0

これは私が本当に必要なものです。ハハ。ですから、maxとminのオプションを設定する必要があるのは、表示するデータの数に依存します。どうもありがとう –

関連する問題