Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chart.js:可滚动/可滑动的基于时间的x轴_Chart.js - Fatal编程技术网

Chart.js:可滚动/可滑动的基于时间的x轴

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轴的数据集。基本上,这些数据点分布在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), 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轴,而滑动也是插件的一部分。而且效果很好。虽然没有“捕捉”功能,但它似乎可以扩展以支持该功能。