logo标签列表

如何在ChartJS中使x轴以15分钟为间隔显示刻度？

javascriptreactjschartschart.jsreact-chartjs
3

目前我的图表显示的时间是随机的。

样例

我希望将时间间隔设置为15分钟，例如：12:45，13:00，13:15，13:30...

以下是当前的刻度设置：

        ticks: {
          color: theme.colors.primary,
          padding: 2,
          maxTicksLimit: 6,
          autoSkip: true,
          maxRotation: 0,
          minRotation: 0,
          labelOffset: 25,
        },

这是当前日期/时间的数据：

[
  1645484400, 1645486200, 1645488000, 1645489800, 1645491600,
  1645493400, 1645495200, 1645497000, 1645498800, 1645500600,
  1645502400, 1645504200, 1645506000, 1645507800, 1645509600,
  1645511400, 1645513200, 1645515000, 1645516800, 1645518600,
  1645520400, 1645522200, 1645524000, 1645525800, 1645527600,
  1645529400, 1645531200, 1645533000, 1645534800, 1645536600,
  1645538400, 1645540200, 1645542000, 1645543800, 1645545600,
  1645547400, 1645549200, 1645551000, 1645552800, 1645554600,
  1645556400, 1645558200, 1645560000, 1645561800, 1645563600,
  1645565400, 1645567200, 1645569000, 1645570800, 1645572600,
  1645574400, 1645576200, 1645578000, 1645579800, 1645581600,
  1645583400, 1645585200, 1645587000, 1645588800, 1645590600,
  1645592400, 1645594200, 1645596000, 1645597800, 1645599600,
  1645601400, 1645603200, 1645605000, 1645606800, 1645608600,
  1645610400, 1645612200, 1645614000, 1645615800, 1645617600,
  1645619400, 1645621200, 1645623000, 1645624800, 1645626600,
  1645628400, 1645630200, 1645632000, 1645633800, 1645635600,
  1645637400, 1645639200, 1645641000, 1645642800, 1645644600,
  1645646400, 1645648200, 1645650000, 1645651800, 1645653600,
  1645655400, 1645657200, 1645659000, 1645660800, 1645662600,
  ... 1339 more items
]

有什么最佳的方法来执行这个任务吗？
1个回答
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接