代码拉取完成,页面将自动刷新
生成自定义的Github提交图。
<d-calendar-graph text="❤ DevUI"></d-calendar-graph>
A-Za-z0-9❤️
自定义日期区间
const date = '2020-06-01';
const date = ['2020-06-01'];
const date = ['2020-06-01', '2020-11-03'];
自定义显示文本
const text = '❤ DevUI';
const text = 'DevUI is excellent';
const text = 'Today is 20201103';
const dataSource = transpose([
// I
[ 1, 1, 1, 1, 1, 1, 1 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// a
[ 0, 1, 0, 0, 1, 0, 0 ],
[ 0, 1, 0, 1, 0, 1, 0 ],
[ 0, 1, 0, 1, 0, 1, 0 ],
[ 0, 0, 1, 1, 1, 1, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// m
[ 0, 1, 1, 1, 1, 1, 0 ],
[ 0, 1, 0, 0, 0, 0, 0 ],
[ 0, 1, 0, 0, 0, 0, 0 ],
[ 0, 1, 1, 1, 1, 1, 0 ],
[ 0, 1, 0, 0, 0, 0, 0 ],
[ 0, 1, 0, 0, 0, 0, 0 ],
[ 0, 0, 1, 1, 1, 1, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// K
[ 1, 1, 1, 1, 1, 1, 1 ],
[ 0, 0, 0, 1, 0, 0, 0 ],
[ 0, 0, 0, 1, 0, 0, 0 ],
[ 0, 0, 1, 0, 1, 0, 0 ],
[ 1, 1, 0, 0, 0, 1, 1 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// a
[ 0, 1, 0, 0, 1, 0, 0 ],
[ 0, 1, 0, 1, 0, 1, 0 ],
[ 0, 1, 0, 1, 0, 1, 0 ],
[ 0, 0, 1, 1, 1, 1, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// g
[ 0, 1, 1, 1, 0, 0, 1 ],
[ 1, 0, 0, 0, 1, 0, 1 ],
[ 1, 0, 0, 0, 1, 0, 1 ],
[ 1, 1, 1, 1, 1, 1, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// o
[ 0, 0, 1, 1, 1, 0, 0 ],
[ 0, 1, 0, 0, 0, 1, 0 ],
[ 0, 1, 0, 0, 0, 1, 0 ],
[ 0, 0, 1, 1, 1, 0, 0 ],
[ 0, 0, 0, 0, 0, 0, 0 ],
// l
[ 1, 1, 1, 1, 1, 1, 0 ],
])
const dataSource = [].concat(
LETTER_I, EMPTY_WEEK, EMPTY_WEEK,
LETTER_a, EMPTY_WEEK, LETTER_m, EMPTY_WEEK, EMPTY_WEEK,
LETTER_K, EMPTY_WEEK, LETTER_a, EMPTY_WEEK, LETTER_g, EMPTY_WEEK, LETTER_o, EMPTY_WEEK, LETTER_l
);
这是一个boolean类型的参数,用于打印提交日程,默认值为false,即不打印提交日程。
提交日程的格式是:
您需要在X年X月X日,提交X次代码。
只要按照日程规定的日期进行Github代码提交,即可在你的Github提交日历图上画出想要的图形,快试试吧!
类型 string | string[] | object
自定义主题
默认主题 [ '#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127' ];
案例
<d-calendar-graph text="DevUI is excellent" theme="halloween"></d-calendar-graph>
<d-calendar-graph text="DevUI is excellent" theme="#7F7FF0"></d-calendar-graph>
<d-calendar-graph text="DevUI is excellent" [theme]="['#d8e9f2', '#fdde8a', '#fa9e59', '#e55648', '#ae1345']"></d-calendar-graph>
<d-calendar-graph text="DevUI is excellent" [theme]="{
source: [0, 10, 20, 30, 40],
target: ['#d8e9f2', '#f57647', '#ee6544', '#e55648', '#db484c']
}"></d-calendar-graph>
<d-calendar-graph text="DevUI is excellent" [theme]="{
'0': '#d8e9f2',
'5': '#fbe793',
'10': '#fdcf7d',
'20': '#fdb163',
'50': '#f88a50',
'100': '#ee6544',
'200': '#db484c',
'500': '#bf2649',
'1000': '#9e0142'
}"></d-calendar-graph>
❤️ DevUI
DevUI is excellent
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。