0

Mike Bostock 的一个用于路径转换的 D3.js 示例显示了一个图表,其中沿 X 轴显示了一个时间图表,数据随轴一起出现并左移(想想 Windows 上的“监视器”显示,如任务管理器)。我正在尝试做同样的事情,有时间平稳地向左移动。但是有四个图表(都是相同的时间尺度)。

问题:Mike 在每个滴答声上重新调用时间轴生成器。在这一点上,这是绘图中最昂贵的部分,大约花费了 90% 的时间。任何人都知道如何以其他方式进行滚动,而不需要每次都重新绘制?我想尝试预先创建一个轴,然后使用平移和剪切来仅显示相关部分,但想看看其他人是否有更好(即更快)的解决方案,或者知道某个地方的示例。

谢谢,戴夫

4

1 回答 1

1

有一个名为Cubism的 D3 插件框架似乎旨在完全按照您的描述进行操作。而且由于它建立在 D3 之上,您仍然可以自定义内容。

但是,如果您希望自己在 D3 中执行此操作,您可能需要查看他们使用的方法,该方法基于使用 HTML5 Canvas 将现有可视化向左移动而不是重新渲染它:

https://github.com/square/cubism/blob/master/src/horizo​​n.js

于 2013-06-12T17:28:43.153 回答