问题标签 [chartjs-plugin-zoom]

如何使用Chart.Js在散点图中呈现文本。散点图（我正在使用）具有缩放/平移插件，因此，我希望在平移图表时将文本锚定到绘图的 x/y 坐标。

提前致谢！

当我在任何方向（x/y）上平移时，我在控制台
“ERROR TypeError：无法设置属性'font' of null”中出现错误。

当我平移时，我的 x 轴标签也会错位（我认为这是因为错误）。

我希望缩放和平移像此链接中一样平滑-

我创建了我的代码的堆栈闪电战。

如何获取X轴两端的值？

我使用 chartjs-plugin-zoom 来缩放和平移时间序列数据图表。我想得到当时x轴的最小值和最大值。

我希望从中获得价值。但是“x-axis-0”包含一个运算符。

我应该怎么办？

我想在多个图表上同步平移和缩放。我一直在使用 Chart.js 和 chartjs-plugin-zoom。

charjs-plugin-zoom 使用 onZoom 回调函数调用事件。所以，X轴两端的值就是用回调函数这样获取的。

然后使用 updateChart 函数更新图表。

我以为其他图表应该用updateChart函数得到的X轴两端的值来更新。使用 Chart.helpers.each 调用 update() 来更新所有图表。

然而，并没有得到预期的结果。Zoom-PAN 仅反映已操作的图表。

我认为 onZoom 回调函数获取 X 轴的两个边缘，并每帧更新图表。图表只能使用选项更新，因此 Chart.helpers.each 可用于一次更新所有图表。如果要更新的 X 轴两端都是全局变量，则可以引用所有图形。

这种方法不正确吗？选项更新方法错了吗？更新时间错了吗？

更新

我通过参考https://www.chartjs.org/docs/latest/developers/updates.html了解了如何更新图表。

实际上，多个图表的 X 轴刻度范围已经改变，但最大缩放并再次停止工作。

原因是不更新参考。什么是 ？示例代码写为“需要更新引用”作为注释。什么意思？

下面的示例代码调用：

“newId”被重新分配为 scales id。

但我的是规模的最小值和最大值。如何？？

JS菲尔德

我有一个可缩放的 chartjs（由 react-chartjs-2 包装）折线图。通过使用 javascript 库chartjs-plugin-zoom并将以下配置传递给以下配置来启用缩放功能chartjs.ChartOptions：

在 X 轴上显示时间，在 Y 轴上显示与我的应用程序相关的一些值。当我缩放或平移图表时，X 轴最小值和最大值会发生变化，这里我需要获取这些值以执行后端调用（更新图表）并将其与 React 中的另一个组件同步。

是否有可能在缩放或平移时获得最小值和最大值的新值？我试图寻找可以提供此功能的回调函数，但到目前为止还没有找到。

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

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

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

我正在为我的项目使用 Chartjs。我使用的不同版本是：ChartJS 2.9.3、Chartjs-plugin-streaming 1.8.0、moment.js 2.24.0、chartjs-adapter-moment 0.1.1。我绘制了一个实时图表，每秒都会收到此警告，这会非常快地填充内存。

时间尺度：不推荐使用“time.format”。请改用“time.parser”

我的代码是：

我试图找出原因并知道可能在下一个版本的 chartJS 即 3.0.0 中这个问题将被删除。有什么办法可以解决 2.9.3 中的这个错误吗？

我正在使用 chart.js 模块以绘制一些数据，并正在使用 chartjs-plugin-zoom 以启用缩放和平移，但是尽管缩放有效，x 轴上的标签不会因任何原因而改变。我见过类似的问题，但它们都处理时间序列数据，因此建议没有帮助。

这是缩小的情节：

这是放大的：

需要注意的关键是 y 轴上的标签发生了变化，但 x 轴标签没有发生变化。这是图表的相关配置变量：

如果需要，我可以提供更多代码，但我想错误可能包含在配置中。我试图改变zoom.mode，'x'但没有奏效。

我有一个包含多个图表的页面，我添加了缩放插件。

我重置了缩放制作

this.chart.chart['resetZoom']();

它工作......只有一张图表，只是第一个。

如果我将 xonsole.log 设置为 this.chart，则该元素仅获得第一个图表。另外，如果我制作 this.chart.update() 它适用于所有图表

这是我访问图表功能的方式

我无法发布代码，因为它太长了 xD

我使用 chart.js chartjs-plugin-zoom 的插件来缩放我的图表，但我有一些刻度问题。当我进行缩放时，刻度线会丢失小数点，我该如何删除小数点？

我的刻度配置不包含小数，我有 2 个轴，1 个用于总计（左）和 2 个用于百分比，那个有问题，我不能对缩放设置范围限制，因为我不知道数据会有多大

这是我的配置：