Chart.js 如何在时间序列或X-Y图表上缩放Y轴

Chart.js 如何在时间序列或X-Y图表上缩放Y轴,chart.js,Chart.js,有没有人举过一个例子,说明如何在用chartjs构建的时间序列图上缩放Y轴?有人知道这是否可能吗 我一直在使用chartjs插件zoom。我花了数小时进行实验,搜索解决方案,并查看chartjs插件zoom源代码 到目前为止,我发现的示例显示了正在缩放的条形图,而不是时间序列或X-Y图表 我现在已经通过设置Y比例的最小值和最大值实现了一个粗糙的Y轴缩放。这在一定程度上是可行的,但这样做会使您失去平移和查看图表之外任何数据的能力。无论如何,不得不这样做似乎是一种预兆 感谢您提供了一个X-Y可缩放图

有没有人举过一个例子,说明如何在用chartjs构建的时间序列图上缩放Y轴?有人知道这是否可能吗

我一直在使用chartjs插件zoom。我花了数小时进行实验,搜索解决方案,并查看chartjs插件zoom源代码

到目前为止,我发现的示例显示了正在缩放的条形图,而不是时间序列或X-Y图表

我现在已经通过设置Y比例的最小值和最大值实现了一个粗糙的Y轴缩放。这在一定程度上是可行的,但这样做会使您失去平移和查看图表之外任何数据的能力。无论如何,不得不这样做似乎是一种预兆


感谢您提供了一个X-Y可缩放图表的示例。

最终回答了我自己的问题。基本上,at(链接自)的示例可以作为时间序列重新执行

下面是HTML示例

var ctx=document.getElementById(“myChart”);
var myChart=新图表(ctx{
键入:“行”,
数据:{
数据集:[
{
数据:[
{t:'2018-03-29 08:48',y:20.2},
{t:'2018-03-29 16:24',y:23.1},
{t:'2018-04-09 18:24',y:20.7},
{t:'2018-04-1020:10',y:24.2},
{t:'2018-04-10 09:16',y:24.2}
],
键入:“行”,
半径:1,
半径:3,
填充:假,
背景颜色:“黑色”,
边界宽度:2,
标签:“一些标签”
},
{
数据:[
{t:'2018-03-29 08:48',y:22.5},
{t:'2018-03-2916:24',y:22.3},
{t:'2018-03-30 00:00',y:21.5},
{t:'2018-03-3007:36',y:21.5},
{t:'2018-03-30 15:12',y:21.5}
],
键入:“行”,
半径:1,
半径:3,
填充:假,
背景颜色:“黑色”,
边界宽度:2,
标签:“另一个标签”
}
]
},
选项:{
潘:{
启用:对,
模式:“xy”
},
缩放:{
启用:对,
模式:“xy”
}
}
});


虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能无效。-对不起!有点草率。现在添加了示例。