0

我有两个用于绘制图形的数组。让我用一个例子来说明。

yAxis = [2, 4, 6, 7, 8, 9]
xAxis = [10:10, 10:20, 10:30, 10:40, 10:50, 11:00]

在这种情况下,图形将正确绘制。然后在我的页面中单击某个按钮“A”后,xAxis 被修改为,

xAxis = [10:10, 10:15, 10:20, 10:25, 10:30, 10:35, 10:40, 10:45, 10:50, 10:55, 11:00]

但我的 yAxis 将始终与,

yAxis = [2, 4, 6, 7, 8, 9]

在这种情况下,图表将绘制到 xAxis 中的“10:35” 然后单击我页面中的某个按钮“B”后,xAxis 被修改为,

xAxis = [10:10, 10:40, 11:00]

但我的 yAxis 将始终与,

yAxis = [2, 4, 6, 7, 8, 9]

在这种情况下,图表将绘制到 yAxis 中的“6”

他们有什么办法解决这个问题吗?我试图用 react-chartjs-2 在 reactjs 应用程序中实现

***或者,如果开始时间、结束时间和所需的时间间隔被传递给图表,他们是否可以通过任何方式在 xAxis 中分割时间 ***

4

1 回答 1

0

此问题已通过添加应该介于两者之间的时间并更改图中绘制的所有现有线并添加 snapGap:true 来解决。

于 2020-10-14T09:08:17.140 回答