0

棒グラフがあります (注: 棒グラフの長さは水平方向に広がります。逆に、縦棒グラフは垂直方向に広がります。以下を参照してください。) シリーズ データは長いリストまたは短いリストになる可能性があるため、棒の数は多数と多数の間で変化します。少し。バーが多数ある場合、バー間のスペースを同じにしてバーの幅を維持するには、グラフの高さを増やす必要があります。これらが確実に固定されるようにグラフの高さを設定するにはどうすればよいですか?

垂直軸のスクロールバーを調べましたが、ブラウザーに独自の垂直スクロールバーがある可能性があるため、これは気に入りませんでした。ウィンドウに合わせてグラフのサイズを動的に変更することに関するアドバイスも見つけましたが、最大化されたウィンドウに収まるよりも多くのバーがある場合、これは機能しません。したがって、バーの数に合わせてサイズを調整するグラフを作成するのが最善の方法だと思います。棒グラフがページの高さよりも大きい場合、ブラウザの垂直スクロールバーが機能します。

棒グラフ：

===
==========
=============== ]---- width of bars needs to be maintained. 
[spacing between bars also needs to be maintained.]
=======
===========
=== <--- a new bar would simply go here, and chart would increase height by 1 bar width.
4

1 に答える 1

0

これに対して私が見つけた最善の解決策は、サーバー側で必要なカテゴリの単純なカウントによってサイズを決定することです。

ページを読み込むときは、グラフの上下の余白に必要な高さから始めます。私は自分のデータを数え、必要なだけのスペースを掛けます (私の場合、通常、カテゴリごとに 20、25 ピクセル)。

次に、それに応じてコンテナの高さを設定します。

私は通常、ページの読み込み時にphpでこれを行います。JavaScript の実装を達成するのは難しくないと確信しています。

于 2013-05-15T12:31:19.033 に答える