问题标签 [chartjs-plugin-zoom]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
99 浏览

javascript - 如何使用 Chart.js 进行自动平移

我正在使用 chart.js 实时绘制数据。目前,随着新数据点的出现和绘制,旧数据点仍然存在,这增加了 chart.js 每次迭代都必须绘制的点数。我希望有一个最大数量的可见点,比如 20 个,并且在 20 个点之后在图表上,以平移每次迭代。我正在使用缩放和平移插件。这是我现在的代码

ticks是一个整数,每次有新数据进入时都会增加。另外需要注意的是,X 轴是时间戳。我正在使用来自传入数据源的时间戳,而不是在 JS 中计算当前时间。我感觉.pan方法中的 delta 不应该是 1,因为 x 轴不是整数而是时间戳。

0 投票
0 回答
33 浏览

javascript - ChartJS 缩放/平移 onPan 事件未在 React useEffect 挂钩中触发

onPan当从 useEffect 挂钩内部分配 Chart 配置时,我遇到了 ChartJS 的 Pan/Zoom 插件事件未触发的问题。我正在收听平移和缩放事件并相应地触发事件总线以使多个图表的缩放/平移边界相互同步。onPan只有当onZoom工作完全正常时才会出现问题。

这是一般重要的代码(这都在功能组件中):

正如您在配置中看到的那样,我放了两个alerts 来通知我何时触发事件。"I am zooming!"被解雇得很好,但从"I am panning!"未被解雇。也没有任何其他泛特定事件。

这是一个非常奇怪的问题。任何帮助,将不胜感激!谢谢!