d3.js - d3.js 日历视图 - 颜色 + 自定义日期

Question

我对他的日历视图有几个问题 http://bl.ocks.org/mhska/5333055

数据范围从 1 到 4317，因此颜色不是很“均匀”分布。有什么办法可以改善吗？（我的意思是基本上低于 100 的所有东西都只是一种红色）

当您将鼠标悬停在从 yyy-mm-dd 到 dd-mm-yyyy 的字段上时，有没有办法更改日期格式？

如何在没有数据的情况下更改字段的颜色？（通常这意味着周末）目前没有数据和大多数数据（超过 1000 个）的文件具有相同的颜色。

谢谢一堆。

Answer 1

您可以通过调整行来更改显示的日期格式

date = d3.time.format("%Y-%m-%d")

有关说明符的更多信息可以在文档中找到。

要更改颜色，您需要提供不同的函数来将值映射到颜色。看起来您当前仅将输入值映射到 40 种输出颜色。

.range(d3.range([40]))

增加这个数字可能是一个很好的起点。请注意，您可以提供任意函数，特别是您可以在其中单独处理缺失值。