一个基于 SVG 的轻量级日历热图React组件,可定制版本的 GitHub 贡献图。

时间:2024-06-28 08:46:44
【文件属性】:

文件名称:一个基于 SVG 的轻量级日历热图React组件,可定制版本的 GitHub 贡献图。

文件大小:27KB

文件格式:ZIP

更新时间:2024-06-28 08:46:44

Charts

HeatMap 日历热图 一个基于 SVG 的轻量级日历热图React组件,可定制版本的 GitHub 贡献图。 在网站示例中尝试一下。 安装 # 不依赖于 uiw。 npm install @uiw/react-heat-map --save 基本用法 基本用法示例,请注意时间设置。 :warning: 示例:2016/01/11 -> 2016-01-11,支持 Safari 从 'react-dom' 导入 ReactDOM; 从“@uiw/react-heat-map”导入热图; const value = [ { date: '2016/01/11', count: 2 }, { date: '2016/01/12', count: 20 }, { date: '2016/01/13', count: 10 }, ...[...Array(17)].map((_, idx) => ({ date: `2016/02/${idx + 10}`, count: idx, content: '' } )), { 日期:'2016/04/11',计数:2 },{ 日期:'2016/0


【文件预览】:
react-heat-map-main
----.gitignore(136B)
----.babelrc(720B)
----package.json(3KB)
----website()
--------react-app-env.d.ts(225B)
--------Example.tsx(9KB)
--------logo.svg(3KB)
--------App.module.less(1KB)
--------Code.tsx(2KB)
--------index.tsx(171B)
--------App.tsx(2KB)
----src()
--------style()
--------react-app-env.d.ts(155B)
--------LablesWeek.tsx(813B)
--------tsconfig.json(491B)
--------Rect.tsx(160B)
--------LablesMonth.tsx(2KB)
--------SVG.tsx(5KB)
--------Legend.tsx(1KB)
--------utils.ts(1KB)
--------index.tsx(428B)
----LICENSE(1KB)
----public()
--------index.html(1012B)
--------favicon.ico(4KB)
----tsconfig.json(573B)
----.github()
--------workflows()
----.prettierignore(81B)
----README.md(9KB)
----.kktrc.ts(1KB)
----renovate.json(33B)
----.prettierrc(175B)

网友评论