高图图表的动态高度

Question

必须根据行上的行数（例如，水平条）自动和动态地更改（更新）highcharts图表的高度。

一个元素（例如，水平条）的高度是常量（例如，20px）。 具有X元素的图表的高度自动设置（~20px * X）。

Answer 1

您可以通过一些预先设置来完成此操作。

• 设置变量：
  • 顶部和底部边距
  • 点和组填充
  • 点数的宽度
  • 数据集中的数据点数

相应地计算并设置图表的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变量以查看其中的操作）