react-calendar-heatmap:受github贡献图启发的svg日历热图

时间:2024-05-18 17:32:51
【文件属性】:

文件名称:react-calendar-heatmap:受github贡献图启发的svg日历热图

文件大小:312KB

文件格式:ZIP

更新时间:2024-05-18 17:32:51

JavaScript

React日历热图 受github的提交日历图启发,基于SVG构建的日历热图组件。 该组件将扩展到容器的大小,并且是超级可配置的。 。 设置 使用yarn或npm安装npm模块: yarn add react-calendar-heatmap 用法 导入组件: import CalendarHeatmap from 'react-calendar-heatmap' ; 导入样式。 您可以直接从需要CSS加载器的模块中导入: import 'react-calendar-heatmap/dist/styles.css' ; 默认情况下,create-react-app中包含CSS加载器。 如果没有CSS加载器,则只需到项目中的文件中,然后导入即可。 要显示1月1日至4月1日的基本热图,请执行以下操作: < CalendarHeatmap startDate = { new


【文件预览】:
react-calendar-heatmap-master
----.gitignore(79B)
----.babelrc(281B)
----.eslintrc(295B)
----package.json(3KB)
----src()
--------helpers.js(737B)
--------index.test.js(8KB)
--------index.js(12KB)
--------helpers.test.js(6KB)
--------constants.js(300B)
--------styles.css(1KB)
----.nvmrc(8B)
----.travis.yml(90B)
----jest.config.js(86B)
----CONTRIBUTING.md(783B)
----LICENSE(1KB)
----CHANGELOG.md(2KB)
----.prettierrc.json(100B)
----rollup.config.js(1016B)
----README.md(5KB)
----demo()
--------.gitignore(285B)
--------.eslintrc(29B)
--------package.json(824B)
--------src()
--------public()
--------.env(26B)
--------README.md(663B)
--------yarn.lock(451KB)
----.eslintignore(27B)
----yarn.lock(255KB)

网友评论