Javascript 使用多个X值缩放图表

Javascript 使用多个X值缩放图表,javascript,html,chart.js,chart.js2,Javascript,Html,Chart.js,Chart.js2,当图表有许多X值时,我面临着放大chart.js的问题 缩放选项工作正常,但是当我在X轴中有许多值时,缩放有一个奇怪的行为,在这个轴上缩放得不是很好 我已经创建了两个图表,一个数据较少,只需检查X轴如何正常工作,另一个数据较多,您可以看到进行正确的缩放会变得不稳定 图表数据(工作正常): 图表显示许多数据(奇怪的X缩放): 我使用的缩放选项有: zoom: { enabled: true, drag: false, mode: "xy",

当图表有许多X值时,我面临着放大
chart.js
的问题

缩放选项工作正常,但是当我在
X轴中有许多值时
,缩放有一个奇怪的行为,在这个轴上缩放得不是很好

我已经创建了两个图表,一个数据较少,只需检查
X轴
如何正常工作,另一个数据较多,您可以看到进行正确的缩放会变得不稳定

图表数据(工作正常):

图表显示许多数据(奇怪的X缩放):

我使用的缩放选项有:

     zoom: {
        enabled: true,
        drag: false,
        mode: "xy",
        limits: {
           max: 10,
           min: 0.5
        }
      }
这是一个已知的问题:

一种可能的解决方法是在
onZoom
处理程序中设置自定义缩放增量/步长,并为每个轴应用不同的缩放参数。

这是一个已知问题:

一种可能的解决方法是在
onZoom
处理程序中设置自定义缩放增量/步长,并为每个轴应用不同的缩放参数