ハイチャートのチャートの動的高さ

Question

ハイチャートのチャートの高さを自動的にかつ動的に変更する（更新する）必要があります（たとえば水平バーの場合）。

1つの要素の高さ（例：水平バー）は一定です（たとえば20px）。 X要素を含むチャートの高さが自動的に設定されます（〜20px * X）。

Answer 1

これは少し事前設定で行うことができます。用

• セット変数：
  • 上下のマージン
  • ポイントとグループパディング
  • データ内のデータポイントの数が
  を設定
  • ポイントの幅

Calcula TEとそれに応じて、チャートのheightプロパティを設定します。

var barCount = chartData.length, 
    pointWidth = 20, 
    marginTop = 70, 
    marginRight = 10, 
    marginBottom = 50, 
    marginLeft = 100, 
    groupPadding = 0, 
    pointPadding = 0.3, 
    chartHeight = marginTop 
       + marginBottom 
       + ((pointWidth * barCount) * (1 + groupPadding + pointPadding)); 

フィドル：

• http://jsfiddle.net/jlbriggs/kpu5d1qf/

（アクションでそれを見るためにページdataPoints変数を更新）