d3.js - 在立体图上添加拖动行为

Question

cubism.js 可能用于实时可视化，而不是真正用于交互，但我试图能够在页面上可视化大型数据集（例如 >> 1000 点），而无需增加步骤或分块数据

示例： http: //jsfiddle.net/B2WJM/4/（绘制了一个4000点数据集的前500个点）

var context = cubism.context()
    .step(6e4)
    .size(500)
    .stop();

所以想法是使用 d3 https://github.com/mbostock/d3/wiki/Zoom-Behavior拖动或缩放此图，希望通过动态更改开始和停止属性有一个很好的解决方案

Answer 1

我想将此处描述的库存数据显示为 3 部分。我将图表分成 3 个，并添加了一个类似轮播的左/右按钮来在它们之间切换。

我认为您可以将数据分成 5 块 800 像素，然后您可以使用左/右按钮移动它们。