javascript - D3 时间序列热图

Question

我正在尝试使用 d3 制作热图，它在 x 轴上是时间序列，在 ya 数字上，颜色是单元格的值。数据是根据输入加载的，域和范围可以根据不同的输入而改变。我找不到这样的例子。有谁知道我如何创建它？

谢谢

Answer 1

所以我终于有时间编写我正在寻找的这段代码。我的主要问题是我对音阶的理解很好。因此，在阅读了一点之后，我可以定义一个时间尺度并使用以下代码将其映射到我的数据：

var xscale = d3.time.scale()
                     .domain([startDate, endDate])
                     .range([padding, w - padding]);

var xAxis = d3.svg.axis()
            .scale(xscale)
            .orient("bottom")
            .ticks(d3.time.days, 5);

您可以在以下 jsfiddle 中找到我的代码的工作演示：http: //jsfiddle.net/TD5Sk/1/

Answer 2

探索d3 示例库，混合和匹配您应该能够找到一个很好的起点。共现矩阵具有您描述的许多属性。甚至日历示例也可能有一些有用的指针。