[highchart] X轴坐标占位

本文将介绍如何在数据到达时实现折线图从左向右动态扩展的效果,通过将A区域的数据除X坐标外设置为null,使得新数据点能够根据X坐标更新图表。提供了一个具体的代码示例来帮助理解实现过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

想实现如下图的效果:随着数据的到来,折现从左边向右扩展。

要点:默认情况下设置  series 的 data属性后,显示范围就已经确定,不可能出现下图中A区域。



解决方案:

给A区域设置数据,只是将其除X坐标外的其他数值设置为null,这样A区域实际上已被很多null点填充。新点数据到来时,根据X坐标更新其数值即可。

代码示例:http://jsfiddle.net/weconquered/642bahq6/2/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值