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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值