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

时间:2013-04-08 08:39:28

标签: d3.js calendar

关于我的日历观,我有几个问题 http://bl.ocks.org/mhska/5333055

enter image description here

数据范围从1到4317,因此颜色不是非常“均匀”分布。有没有办法改善它? (我的意思是基本上100以下的所有东西都只是一种红色)

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

如何在没有数据的情况下改变字段的颜色? (通常这意味着周末) 目前,没有数据的文件和大多数数据(超过1000)具有相同的颜色。

感谢一帮。

1 个答案:

答案 0 :(得分:3)

您可以通过调整行

来更改显示的日期格式
date = d3.time.format("%Y-%m-%d")

有关说明符的更多信息,请参阅the documentation

要更改颜色,您需要提供不同的功能,以便将值映射到颜色。看起来您当前正在将输入值映射到仅40种输出颜色。

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

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