D3 二维图表的绘制系列（二十七）日历热力图

上一篇： 盒须图

下一篇： 弦图

代码结构和初始化画布的Chart对象介绍，请先看 这里

本图完整的源码地址： 这里

1 图表效果

2 数据

{
   
  "2018-01-01": 2,
  "2018-01-02": 1,
  "2018-01-03": 2,
  "2018-01-04": 2,
  "2018-01-05": 4,
  "2018-01-06": 3,
  "2018-01-07": 6,
  "2018-01-08": 4,
  "2018-01-09": 1,
  "2018-01-10": 4,
  "2018-01-11": 3,
  "2018-01-12": 5,
  "2018-01-13": 0,
  "2018-01-14": 0,
  "2018-01-15": 0,
  "2018-01-16": 2,
  "2018-01-17": 1,
  "2018-01-18": 3,
  "2018-01-19": 6,
  "2018-01-20": 5,
  "2018-01-21": 1,
  "2018-01-22": 2,
  "2018-01-23": 1,
  "2018-01-24": 3,
  "2018-01-25": 2,
  "2018-01-26": 5,
  "2018-01-27": 4,
  "2018-01-28": 6,
  "2018-01-29": 2,
  "2018-01-30": 1,
  "2018-01-31": 3,
  "2018-02-01": 1,
  "2018-02-02": 0,
  "2018-02-03": 3,
  "2018-02-04": 6,
  "2018-02-05": 1,
  "2018-02-06": 1,
  "2018-02-07": 3,
  "2018-02-08": 3,
  "2018-02-09": 2,
  "2018-02-10": 5,
  "2018-02-11": 1,
  "2018-02-12": 0,
  "2018-02-13": 3,
  "2018-02-14": 2,
  "2018-02-15": 3,
  "2018-02-16": 4,
  "2018-02-17": 5,
  "2018-02-18": 6,
  "2018-02-19": 0,
  "2018-02-20": 1,
  "2018-02-21": 2,
  "2018-02-22": 1,
  "2018-02-23": 3,
  "2018-02-24": 5,
  "2018-02-25": 4,
  "2018-02-26": 2,
  "2018-02-27": 1,
  "2018-02-28": 2,
  "2018-03-01": 3,
  "2018-03-02": 2,
  "2018-03-03": 5,
  "2018-03-04": 6,
  "2018-03-05": 0,
  "2018-03-06": 1,
  "2018-03-07": 6,
  "2018-03-08": 1,
  "2018-03-09": 4,
  "2018-03-10": 5,
  "2018-03-11": 4,
  "2018-03-12": 2,
  "2018-03-13": 0,
  "2018-03-14": 2,
  "2018-03-15": 3,
  "2018-03-16": 2,
  "2018-03-17": 4,
  "2018-03-18": 3,
  "2018-03-19": 1,
  "2018-03-20": 3,
  "2018-03-21": 2,
  "2018-03-22": 4,
  "2018-03-23": 1,
  "2018-03-24": 4,
  "2018-03-25": 3,
  "2018-03-26": 6,
  "2018-03-27": 2,
  "2018-03-28": 2,
  "2018-03-29": 1,
  "2018-03-30": 3,
  "2018-03-31": 2,
  "2018-04-01": 3