一个由 GitHub 的贡献图所启发的 svg 日历热图
| 名称 | 类型 | 描述 |
|---|---|---|
values |
必填，Object 数组 | 必填的对象数组，每个对象都有一个 date 属性，可以是 Date 对象、可解析的字符串或毫秒时间戳。示例：[{ date: '2016-01-01', count: 6 }] |
startDate |
字符串、数字或 Date 对象 | 日期范围的开始。 |
endDate |
字符串、数字或 Date 对象 | 日期范围的结束 - 一个 Date 对象、可解析的字符串或毫秒时间戳。 |
showMonthLabels |
布尔值 | 是否显示月份标签的开关。 |
showWeekdayLabels |
布尔值 | 是否显示星期标签的开关。 |
showOutOfRangeDays |
布尔值 | 是否显示超出 endDate 日期范围的额外天数的开关。 |
horizontal |
布尔值 | 是否以水平或垂直方向显示。可与 numDays/endDate 一起使用，以显示当前月份。 |
gutterSize |
数字 | 与方格相对的间隙大小。 |
onClick |
函数 | 点击方格时调用的回调函数，例如 (value) => alert(value) |
onMouseOver |
函数 | 鼠标指针移入方格时调用的回调函数，例如 (event, value) => console.log(event, value) |
onMouseLeave |
函数 | 鼠标指针离开方格时调用的回调函数，例如 (event, value) => console.log(event, value) |
暂无开放 Issues，或尚未同步最近议题。