highcharts 设置高度自适应

highcharts的图表配置千千万，需要改个内容需要去看文档，最难受的是文档有些不全，大部分还是英文，想要搞明白太费时间了，往往一个小细节就要花一两个小时才能找到关键位置进行修改。
有想着找个一劳永逸的方案，进行解决，把文档看几遍把属性都记住，可是没有几天就忘记了，而且很多又用不上，只有需求到了才会去看文档。
既然找不到好的方案，那就把经历过的记录一下，帮助一下还没有经历过的。
如果大家在使用过程中，产品有一些独到之处可以分享出来。

这次分享的是highcharts图标高度自适应的问题，在开发过程中，给highchart最外层包裹一层div 加height: 100%,也没有用，如下图：

经过一番摸索，最后通过js来解决的，通过document.body.height实时获取屏幕高度，减去已被占用高度，最终解决，如下图：

// 在chart属性中设置即可
chart: {
      spacing: [24, 0, 0, 0],
      type: 'spline',
      height: document.body.clientHeight - 278,
    },