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

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

// 图表配置

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图表自适应。

巴特西

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

最新文章

热门文章