highcharts - チャート、ハイチャートの幅を設定

Question

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

ワンソリューション

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

この問題の解決策は?

Answer 1

グラフをコンテナーにラップすると、画面が変化したときにグラフのサイズを柔軟に調整できます。

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

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

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