如何在 Highcharts 的样条图中显示两个日期范围之间的数据？

Question

我正在使用 Highchart 在样条图上显示数据。这里我有两个日期范围，从 2021-09-12T18:30:00.000Z 到 2021-09-18T18:29:59.999Z，这将根据日期范围选择而变化。

问题： 样条图 x 轴范围刻度从日期 11 开始，我的图表从第二个刻度开始，即 12。我希望 x 轴刻度应该开始从 12 开始到 18 结束，就像上面的日期范围和下面给出的数据一样。我正在添加 JS fiddle link 以供参考。Spline Chart 谢谢。

[
  {
    name: 'Allowed Request',
    data: [
      [Date.UTC(2021,8,12), 2202],
      [Date.UTC(2021,8,13), 1234],
      [Date.UTC(2021,8,14), 1245],
      [Date.UTC(2021,8,15), 3000],
      [Date.UTC(2021,8,16), 2345],
      [Date.UTC(2021,8,17), 2505],
      [Date.UTC(2021,8,18), 4933],
    ]
  },
  {
    name: 'Denied Request',
    data: [
      [Date.UTC(2021,8,12), 1234],
      [Date.UTC(2021,8,13), 2202],
      [Date.UTC(2021,8,14), 3000],
      [Date.UTC(2021,8,15), 3000],
      [Date.UTC(2021,8,16), 2345],
      [Date.UTC(2021,8,17), 3000],
      [Date.UTC(2021,8,18), 2505],
    ]
  }
]

Answer 1

在您的配置中，有一个 startOnTick 选项设置为 true。改成false解决问题。

但是，如果你想保留这个由startOnTick选项添加的space，你可以将它保留为true，但你需要添加showFirstLabel 属性设置一个 false.

演示：https://jsfiddle.net/BlackLabel/qnfe7w05/

如何在 Highcharts 的样条图中显示两个日期范围之间的数据？

How to show data between two date range in spline chart of Highcharts?

javascript

highcharts