使用立体主义的历史数据答案

【问题标题】：Historical data using Cubism使用立体主义的历史数据
【发布时间】：2013-07-11 10:08:32
【问题描述】：

我已经玩 Cubism 几天了。在成功可视化实时数据之后，现在我正在尝试可视化历史数据。

这是我的场景：我想为每个用户创建一个历史页面，每个水平条显示一周中的每一天。由于我每 10 分钟有一次数据，.size 将是 144。所以轴也应该显示 12 AM 到 11:59 PM。这将显示上周的数据，一次显示一天。

我遇到的一些问题：

我无法让轴仅显示时间，它还显示日期和日期。即使是改天，也没关系，因为我可以在度量定义中更改开始和停止。如何将轴更改为仅以 144 像素显示时间？

是否可以使用立体主义来做到这一点？

【问题讨论】：

有完全相同的问题。你是如何设置上下文来询问历史数据的，即开始/停止/步骤？
步骤对我来说是固定的，即 10 分钟。对于历史数据，我只需要计算从现在到上周日的时间差，并将其作为 serverdelay。
你试过d3插件horizon()吗？拥有您需要的所有渲染，而不会弄乱实时数据。
我没有....我试试看

标签： javascript d3.js visualization data-visualization cubism.js

【解决方案1】：

像这样在 cubism.js 上的第 1061 行更改 cubism_axisFormatDays 并告诉我它是否有效：

cubism_axisFormatDays = d3.time.format("%I:%M %p");

【讨论】：

不起作用。显示与日期（星期四 08）相同的可视化

【解决方案2】：

更改 .step 实际上应该可以帮助您创作轴，您还可以使用 .serverDelay 来创作轴本身：

var context = cubism.context() // set the cubism context
//.serverDelay(0) // No server delay
//.clientDelay(0) // No client delay
.step((1 * (1000*60*60))) // step once ever second
.size(1440) // and make the horizon div 1440 px wide.
.stop(); //to stop the cubism from flowing like a real time cubism

    //1e3 or 1 seconds
    //1e4 or 10 seconds
    //6e4 or 1 minute 
    //3e5 or 5 minutes
    //36e5 or 1 hour 
    //864e5 or 1 day

您还可以查看这篇文章以了解有关 .serverDelay() 的更多详细信息。 Change scale default in cubism.js

【讨论】：