Highcharts添加滚动条的方法

Highcharts在使用时需要准确宽和高,有时不能获父容器的准确的高度,所以采用滚动条代替。增大美观度。


Highcharts图表添加滚动条的方法

给图表添加滚动条这是很常见的需求,小伙伴也经常问到实现方法,这里分享如下:
 
实现办法:
 
1. 引入 highstock.js (而不是 highchart.js)
2. 设置 scrollbar.enabled = true (表示启用滚动条)
3. 设置 xAxis.max,表示可视区域最多展现多少个数据点(很关键)
 
完成上述三个步骤后,就可以看到效果了,如下图
屏幕快照_2015-08-26_下午10.49_.16_.png

对应的代码见: http://code.hcharts.cn/hcharts.cn/hhhGTX
 
几点小提示:
 
1、highstock.js 是完全包含 highcharts.js 的,所以一些 highcharts 不具有的特性(滚动条等)完全可以通过换用 highstock来实现
 
2、本例中的 xAxis.max 和 xAxis.min 默认展示 x 轴大值及最小值的,用于控制滚动条及可视区域的
 
 
-------------
本文内容源自  Highcharts中文论坛
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值