Highcharts的自适应DOM或者DIV，JS方法实现

版权声明：本文为博主原创文章，未经博主允许不得转载。除非支付宝搜索 7212127 领个红包再转载。 https://blog.csdn.net/twodogya/article/details/84966560

那我们就按照官网的一分钟极速入门代码来说

// 图表配置
var options = {
  chart: {
    type: 'bar' //指定图表的类型，默认是折线图（line）
  },
  title: {
    text: '我的第一个图表' // 标题
  },
  xAxis: {
    categories: ['苹果', '香蕉', '橙子'] // x 轴分类
  },
  yAxis: {
    title: {
      text: '吃水果个数' // y 轴标题
    }
  },
  series: [{ // 数据列
    name: '小明', // 数据列名
    data: [1, 0, 4] // 数据
  }, {
    name: '小红',
    data: [5, 7, 3]
  }]
};
// 图表初始化函数
var chart = Highcharts.chart('container', options);

初始化了一个highcharts实例 chart。

js自适应，我们只需要调用实例chart的方法reflow即可。

chart.reflow() 

即可实现通过Js让highcharts图表自适应。