Chart.js:可滚动/可滑动的基于时间的x轴
假设我有以下使用基于时间的笛卡尔x轴的数据集。基本上,这些数据点分布在3天内Chart.js:可滚动/可滑动的基于时间的x轴,chart.js,Chart.js,假设我有以下使用基于时间的笛卡尔x轴的数据集。基本上,这些数据点分布在3天内 {x: new Date(2021, 2, 5, 0, 0), y: 9}, {x: new Date(2021, 2, 5, 2, 0), y: 7}, {x: new Date(2021, 2, 5, 5.5, 0), y: 4.3}, {x: new Date(2021, 2, 5, 7, 0), y: 6}, {x: new Date(2021, 2, 5, 8, 0),
{x: new Date(2021, 2, 5, 0, 0), y: 9},
{x: new Date(2021, 2, 5, 2, 0), y: 7},
{x: new Date(2021, 2, 5, 5.5, 0), y: 4.3},
{x: new Date(2021, 2, 5, 7, 0), y: 6},
{x: new Date(2021, 2, 5, 8, 0), y: 3.7},
{x: new Date(2021, 2, 5, 14, 0), y: 9.5},
{x: new Date(2021, 2, 6, 4, 0), y: 4.0},
{x: new Date(2021, 2, 6, 11, 0), y: 5},
{x: new Date(2021, 2, 6, 12, 0), y: 2.7},
{x: new Date(2021, 2, 6, 14, 0), y: 1.7},
{x: new Date(2021, 2, 6, 19, 0), y: 5.7},
{x: new Date(2021, 2, 7, 17, 0), y: 6.7},
{x: new Date(2021, 2, 7, 21, 0), y: 5.7},
{x: new Date(2021, 2, 7, 22, 0), y: 4.7},
假设我的出发点是中午,在本例中是第6天。然后我想要一个可以滑动滚动到下一天/前一天的功能。一次只能在图表中显示一天,除非您在这两天之间滚动/滑动
下面是一个使用上述数据点来说明这一点的简单示意图
以下是一些其他示例,说明了我的意思:
. 虽然这是一个日历,但这个想法应该是明确的,并且也适用于线图。您在“月”和“月”之间滑动。
. 在这里,您可以看到您可以沿x轴滑动,x轴的时间跨度会随之改变,而滑动时会忽略底部的“完整”图形。
Chartjs或插件是否可以实现类似的功能?我没有看到任何Chartjs示例根据x轴的滚动状态改变图表视图。
如果没有,是否有其他建议?请查看此插件
使用此功能,您可以移动图表谢谢。出于某种原因,我已经遇到了这个插件,只关注缩放部分,没有意识到平移/更改x轴/y轴,而滑动也是插件的一部分。而且效果很好。虽然没有“捕捉”功能,但它似乎可以扩展以支持该功能。