D3.js：试图建立平面日历

Question

新手在这里。我正在尝试建立一个横向日历来表明人们度假。我已将下面的模型放在关键特征的注释中，我正试图合并。

• 图例Y - 表示此人
• 图例X - 表示月份和年份。
• 每个单元格都根据假期或假期或周末进行颜色编码。
• 日历部分（不包括图例区域）应该是可拖动的。

我有粗略的实施......我能够获得第一个水平日历，
代码：http://jsbin.com/xumabavo/1/edit

• 我的方法是否正确？
• 如何互相堆叠？
• 如何在窗口之前和之后启用拖动和渲染日期？

感谢您提供帮助。

Answer 1

---

我的方法是否正确？

是。样机是至关重要的。原型也是如此。在我看来，你有这个项目所需的信心，决心和智慧。

---

如何互相叠加？

我知道，您将获得整体数据，作为特定人员的特定数据。您可以使用该数组的索引（索引对应于一个人）将所有可视元素移动到适当的行 - 换句话说，堆叠数据。回调函数可以有两个参数d（data）和i（index），如下所示：

  .style( "background-color", function( d, i ) {
    // d is datum being rendered
    // i is datum's index in dataset
    // return value based on logic
  } )

---

如何在窗口之前和之后启用拖动和渲染日期？

在我看来，您可以从分析这个小应用程序中受益：link