Highcharts图表自适应

1、使用情形
展示图表页面包含一个侧边栏，侧边栏显示图表名称，侧边栏可收起或展开，收起时包含图表的div扩大，但是Highcharts图表并没有自适应div。
2、解决方法：

1. reflow方法

   <highcharts
      ref="highchartsRef"
      :options="options"
      style="width: 100%; height: 100%"
    ></highcharts>

js:
	 setTimeout(() => {
       this.$refs.highchartsRef.chart.reflow();
     }, 100);
    

3. 手动触发window.resize方法

	setTimeout(() => {
      var event = document.createEvent("HTMLEvents");
      event.initEvent("resize", true, true);
      window.dispatchEvent(event);
    }, 100);

3、注意事项
如果点击事件和图表div在一个页面可以不加定时器，如果是其他组件触发的事件，需要加定时器。