キュービズムでは1時間の区切りで24時間の軸を作ろうとしています。
var context = cubism.context()
.serverDelay(30*1000)
.step(10 * 60 * 1000) //The step size is 10 mins
.size(window_width - 200);
d3.select("#viz").selectAll(".axis")
.data(["top", "bottom"])
.enter().append("div")
.attr("class", function(d) { return d + " axis"; })
.each(function(d) { d3.select(this).call(context.axis().ticks(d3.time.hours, 1).orient(d)); });
この行 context.axis().ticks(d3.time.hours, 1).orient(d) はどういうわけか間違っています。軸のテキストが重なって何も表示されないためです。60 分、1 日など、さまざまな組み合わせを試しましたが、うまくいかないようです。誰でも私を助けてください。