在立体图上添加拖动行为

时间:2013-08-10 01:21:41

标签: d3.js cubism.js

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拖动或缩放此图形,希望通过动态更改开始和停止属性来获得一个很好的解决方案

1 个答案:

答案 0 :(得分:0)

我想将here描述的库存数据显示为3件。我将图形分成3并添加了类似旋转木马的左/右按钮以在它们之间切换。

我认为您可以将数据分成5个800 px,然后使用左/右按钮移动。