Question

我想用不同的时间间隔渲染倍数序列，所有序列都在一年的第一天开始，例如，我想以Xaxis为例：

-------------------------------------------------
0 12h 1day 36h 2days 60h

当我将36h缩放到60h时，我希望看到Xaxis

-------------------------------------------------
36h 42h 48h 54h 60h

如果我在上一个间隔中放大得更多，我想看看Xaxis

-------------------------------------------------
48h 46:05 46:06 46:07 46:08 46:09

更多

-------------------------------------------------
46:07:00 46:08:00 46:09:00

我有此链接进行测试 xAxis类型datetime

Example in jsfiddle

xAxis: {
    //visible: false,
title: {
    enabled: false,
    text: 'Hours of the Day'
},
type: 'datetime',

    dateTimeLabelFormats: {
      millisecond: '%H:%M:%S.%L',
      second: '%H:%M:%S',
      minute: '%H:%M',
      hour: '%H:%M:%S',//'%H:%M',
      day: '24:00', // %e. %b',
      week: '%e. %b',
      month: '%b \'%y',
      year: '%Y'
    }
},

有人可以帮助我如何实现这一目标。

谢谢

Answer 1

您可以通过映射数据数组并将每个元素时间戳减少第一个元素时间戳来实现。然后，您的数据将从0开始，并且相对于第一个元素。

代码：

drop()

演示：

https://jsfiddle.net/BlackLabel/2ubce48g/

如何以小时，天，...从0到无穷大的时间渲染Xax

1 个答案: