文章/答案/技术大牛

发布

社区首页 >问答首页 >Cal-Heatmap只显示连续3个月，另一个连续显示3个月，直到12个月。

问Cal-Heatmap只显示连续3个月，另一个连续显示3个月，直到12个月。
EN

Stack Overflow用户

提问于 2015-10-17 07:05:17

回答 1查看 649关注 0票数 2

嗨，我在我的项目中使用d3js和calendar来查看日历，我能够让这些例子发挥作用。

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

horizontalOrientation (i.e verticalOrientation = false)

但我要连续三个月，再连续三个月，等等。直到12个月。请帮我实现这个目标。

产出目标：

jquery

d3.js

cal-heatmap

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-17 19:26:50

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

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

完整的例子：

<!DOCTYPE html>
<html>

<head>
  <script data-require="d3@3.5.3" 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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33183860

复制

相似问题

问Cal-Heatmap只显示连续3个月，另一个连续显示3个月，直到12个月。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Cal-Heatmap只显示连续3个月，另一个连续显示3个月，直到12个月。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Cal-Heatmap只显示连续3个月，另一个连续显示3个月，直到12个月。
EN