web-dev-qa-db-ja.com

チャート、ハイチャートの幅を設定します

パーセンテージを使用してハイチャートの幅を設定することはできますか?ページのサイズが変更されるたびに、グラフはページサイズに合うように十分に応答する必要がありますか?

1つの解決策

ここでの質問は、3つのグラフを並べて表示する必要があることです。ページのサイズを変更するたびに、3つのグラフを拡大して、それに応じて画面サイズを使用する必要があります。ハイチャートを使用して行うことは可能ですか?

この問題の解決策?

8
Santosh

グラフをコンテナにラップします。これにより、画面が変更されたときにグラフのサイズを柔軟に調整できます。

また、ラッパーに幅を指定し、チャートが並んで配置されるように、ラッパーを左にフロートさせます。

次に例を示します。 http://jsfiddle.net/ZrTux/9/

.chart-wrapper {
    float: left;
    padding-bottom: 40%;
    position: relative;
    width: 45%;
}
18
Satya