Question

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

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

我遇到的一些问题：

我无法让轴只显示时间，它也显示日期和日期。即使它是其他日子也没关系，因为我可以在度量标准定义中更改开始和停止。如何将轴更改为仅显示144px中的时间？

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

Answer 1

更改.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

Answer 2

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

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

使用立体主义的历史数据

2 个答案: