chart.js - 当 xAxes 类型与“时间”不同时，无法使 x-zoom 工作

Question

我正在尝试在我网站上的图表上应用缩放功能。或多或少，图表的实际代码是我在以下 CodePen 中添加的代码：https ://codepen.io/leonardodaga/pen/eYNZdVV

此示例有效，但我尝试使用不同的 xAxis 类型（不是“时间”）并使用回调格式化 xAxis 刻度（现在在 CodePen 中注释）：

callback: function (value, index, values) {
    return Math.floor(value).toFixed(0) + '.' + (((value - Math.floor(value)) * 12).toFixed(0));
},

删除类型：“时间”缩放结束工作。我在做什么有问题吗？

Answer 1

这是我的错误，我以错误的格式传递数据。

在上面的 codepen 代码中，X 和 Y 数据使用两个不同的数组（第一个作为标签）传递。我应该将 XY 数据作为单个两个组件数组传递。我的仪表板中有另一个代码笔（Chart.js 线性缩放示例），它向像我这样的初学者展示了方法:-)

蜱的回调绝对不是问题。