Highcharts xaxis日期时间问题

Highcharts xaxis datetime issue

本文关键字：问题 时间 日期 xaxis Highcharts      更新时间：2023-09-26

我使用highcharts.js在一个图中绘制3个图形，并且使用pointStart函数动态地选择xaxis数据，以便在xaxis上出现14个日期(在我的后端数据中为14天)

但是，当我以小时为单位选择数据时，总共有14*24个数据点以日期的形式显示在x轴上，它非常混乱，14*24个日期显示在x轴上。

我只想要与我在14个日期的每日数据中相同的表示，即使图表中显示的公制值有14 * 24条。

即使是小时格式，我也只想在x轴上显示14天。

当前代码在系列部分如下:

    pointStart:Date.UTC(new Date(processed_json[0][0]).getYear(),new Date(processed_json[0][0]).getMonth(),new Date(processed_json[0][0]).getDate()),
tickInterval : 24 * 3600 * 1000 ,
pointInterval: 24 * 3600 * 1000 // one day

这是代码的结果:

http://tinypic.com/r/2s0ba4k/8

但在每小时的水平，14*24条将出现，每个将有一个坐标轴标签。但是我只想要14个标签。

I have try:

<标题> 1
labels : {
    step : 24
    }

但现在不起作用，它显示14-15个日期，但它们分布在所有的栏中，即第一个日期是4月28日，然后下一个日期是5月22日，并不断添加24个日期。

但是我想要第一次日期是4月28日，第二次日期是4月29日等等。

我想知道更多解决这个问题的方法。

如果bar之间有不同的范围(例如1小时或1天)，那么您应该以相同的方式更改pointInterval值。所以:

  • one day: pointInterval: 24 * 3600 * 1000
  • 1小时:pointInterval: 3600 * 1000

这是两个点之间的间隔，所以你需要告诉Highcharts哪个是正确的，如果你设置always为1day，那么Highcharts将设置1day

相关文章：