快速开始

<d-calendar-graphtext="❤ DevUI"></d-calendar-graph>

支持的字母和符号

API

date

constdate='2020-06-01';constdate=['2020-06-01'];constdate=['2020-06-01','2020-11-03'];

text

consttext='❤ DevUI';consttext='DevUI is excellent';consttext='Today is 20201103';

dataSource

constdataSource=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],])

constdataSource=[].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);

schedule

theme

类型string｜string[]|object

<d-calendar-graphtext="DevUI is excellent"theme="halloween"></d-calendar-graph><d-calendar-graphtext="DevUI is excellent"theme="#7F7FF0"></d-calendar-graph><d-calendar-graphtext="DevUI is excellent"[theme]="['#d8e9f2', '#fdde8a', '#fa9e59', '#e55648', '#ae1345']"></d-calendar-graph><d-calendar-graphtext="DevUI is excellent"[theme]="{  source: [0, 10, 20, 30, 40],  target: ['#d8e9f2', '#f57647', '#ee6544', '#e55648', '#db484c']}"></d-calendar-graph><d-calendar-graphtext="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>

栗子🌰

TODO