当数据以小时为间隔时,Anychart 不在 x 轴上显示日期和时间

Anychart does not display dates and times on x axis when data is spaced at hourly intervals

有大量 Anychart HTML 示例可供下载带有日期时间 x 轴的折线图。我见过的所有示例的数据间隔为数周或数月。当我修改示例代码使数据只跨越几个小时时,x 轴上没有打印任何内容。

例如,我在 https://playground.anychart.com/docs/v8/samples/AGST_DateTime_Axes_02 下载了示例,它使用了以下数据:

  var series = chart.line([
    {value: 1.172, x: Date.UTC(2003, 09, 14)},
    {value: 1.916, x: Date.UTC(2004, 09, 13)},
    {value: 5.57, x: Date.UTC(2005, 09, 13)},
    {value: 15.0, x: Date.UTC(2006, 09, 13)},
    {value: 144, x: Date.UTC(2007, 09, 13)}
  ]);

这对我来说很好用,2004 年 1 月、2004 年 7 月等显示在 x 轴上。

但是,当我将此数据更改为以下内容时:

  var series = chart.line([
    {value: 1.172, x: Date.UTC(2003, 09, 13, 9, 40, 0)},
    {value: 1.916, x: Date.UTC(2003, 09, 13, 10, 41, 0)},
    {value: 5.57, x: Date.UTC(2003, 09, 13, 11, 41, 0)},
    {value: 15.0, x: Date.UTC(2003, 09, 13, 12, 40, 0)},
    {value: 144, x: Date.UTC(2003, 09, 13, 13, 39, 0)}
  ]);

显示了图表,但 x 轴上没有显示任何内容。

这是一种错误配置。在您提到的示例中,第 18 行如下: dateTimeTicks.interval(0, 6); 这意味着在 xAxis 上每 6 小时显示一次刻度。但在你的第二种情况下,整个数据范围小于 6 小时(9 到 13 小时之间),所以这就是你看不到滴答声的原因。 为避免这种情况,只需删除该行或根据您的数据范围调整间隔。这里是the result。 您可以在 the API Reference.

中了解有关此功能的更多信息