highchart 时间轴 固定起始和结束值

为了解决不同年份折线图横坐标不对应的问题,本文介绍了如何使用Highcharts固定时间轴的起始和结束点。通过将年月日转换为时间戳,确保所有图表在相同时间点开始和结束,从而实现有效对比。
摘要由CSDN通过智能技术生成

最近有这么一个需求,比较不同年份之间的折线图,一开始是根据数据来生成的数据,但是客户方看了之后,发现对比之间的折线图的横坐标不对应,原因就是在于,并不是每一年的数据都是从1月1日到12月31号,这就造成了折线图的起始和结束都不是在同一个日期上,因此,对比图也就失去了作用。

因此,需要修改一下,固定横坐标的起始和结束点。但是我看api之后,都是用categories属性来设置,而后,data根据categories来设置相应的值。但是我的横坐标是的type是datetime型,时间是跟着数据绑在一起的传回来的,因此放弃了这个办法。然后又看了一下api,发现有max和min这两个属性,但是值类型是int型的,也跟时间不符合。

万般无奈,只能求救万能的谷歌,一个偶然的小例子给我了启发,将年月日转成时间戳格式,正好可以跟我返回的数据对应。

上一下图,看一下效果:



这样的话,

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值