Cal-Heatmap仅连续显示3个月，再显示3个月，直到所有12个月为止

debugcn 发表于 Dev

克格勃

大家好，我在项目中使用d3js和cal-Heatmap进行日历视图，我能够使示例正常工作。

它仅提供verticalOrientation = false / true选项，但我的要求是我必须显示

horizontalOrientation (i.e verticalOrientation = false)

但是我要连续3个月，再连续3个月，依此类推..直到全部12个月。请帮助我实现它。

输出目标：

标记

如果我理解正确，你可以使用的组合subDomain和rowLimit：

  var cal = new CalHeatMap();
  cal.init({
    domain: "year",
    subDomain: "x_month",
    rowLimit: 3
  });

完整示例：

<!DOCTYPE html>
<html>

<head>
  <script data-require="[email protected]" data-semver="3.5.3" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.js"></script>
  <link rel="stylesheet" href="https://rawgit.com/wa0x6e/cal-heatmap/master/cal-heatmap.css" />
  <script src="https://rawgit.com/wa0x6e/cal-heatmap/master/cal-heatmap.min.js"></script>
</head>

<body>
  <div id="cal-heatmap"></div>
  <script>
    var cal = new CalHeatMap();
    cal.init({
      domain: "year",
      subDomain: "x_month",
      rowLimit: 3
    });
  </script>
</body>

</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。