即使没有相关的Y轴值,如何将日期用作Chart.js的X轴

问题描述 投票:0回答:1

我希望图表始终在最终的X轴上有一个值,

我不能将其用作“发行版:'系列'”,因为它超出规模,

我无法始终猜测哪个值应作为“时间:{min / max}”,以使其超过最后一个值,并且我也无法手动定义将在Y轴上显示的数据。

是否可以像下面的示例一样定义数据?

X轴值:

1 - 2020-04-01
2 - 2020-04-03
3 - 2020-04-08
4 - 2020-04-10
5 - 2020-04-15

带有Y轴,例如:

x   x           x  x       x
|_____________|____________|__
04-01       04-07         04-15

现在,即使没有数据以04-01 / 04-07 / 04-15作为日期,我还是在04-07轴上手动定义了这三个值。

enter image description here

javascript chart.js
1个回答
0
投票

[从您的代码中,我看到您尝试了不同的方法,包括ticks.autoskipticks.autoskip。如果需要,这两个选项都限制了刻度标签的数量,但不保证最后一个标签对应于最后一个数据点。

为了彻底解决此问题,您必须在ticks.maxTicksLimit上实现自己的ticks.maxTicksLimit。这可以通过以下方式完成。

  1. 根据数据中包含的时间生成ticks.maxTicksLimit数组。该数组应包含数据的开始和结束时间,以及在两者之间指定的平均扩展时间(请参见下面的修改代码中的函数ticks.maxTicksLimit)。
  2. 告诉Chart.js通过定义xAxis从给定标签在labels上产生刻度线。

createLabels
xAxis
© www.soinside.com 2019 - 2024. All rights reserved.