京东门户网站怎么做,郑州做网站排名,河北抖音seo系统,海外搜索引擎网站建设最近改个人博客#xff0c;看了github的提交记录#xff0c;是真觉得好看。可以移植到自己的博客上做文章统计 效果如下 代码如下 !DOCTYPE html
html langen styleheight: 100%headmeta charsetutf-8
…最近改个人博客看了github的提交记录是真觉得好看。可以移植到自己的博客上做文章统计 效果如下 代码如下 !DOCTYPE html
html langen styleheight: 100%headmeta charsetutf-8
/headbody styleheight: 100%; margin: 0div idcontainer styleheight: 100%/divscript typetext/javascript srchttps://registry.npmmirror.com/echarts/5.5.1/files/dist/echarts.min.js/scriptscript typetext/javascriptvar dom document.getElementById(container);var myChart echarts.init(dom, null, {renderer: canvas,useDirtyRect: false});var app {};var option;function getVirtualData(year) {const date echarts.time.parse(year -01-01);const end echarts.time.parse(year 1 -01-01);const dayTime 3600 * 24 * 1000;const data [];for (let time date; time end; time dayTime) {data.push([echarts.time.format(time, {yyyy}-{MM}-{dd}, false),Math.floor(Math.random() * 50)]);}return data;}option {title: {top: 30,left: center,text: Daily Step Count},tooltip: {},visualMap: {min: 1,max: 10,splitNumber: 3,type: piecewise,orient: horizontal,left: center,show: false,top: 65,inRange: {color: [#9be9a8, #40c463, #30a14e, #216e39]},},calendar: {top: 120,left: 30,right: 30,cellSize: [auto, 13],range: 2024,itemStyle: {borderWidth: 0.5},yearLabel: { show: false }},series: {type: heatmap,coordinateSystem: calendar,data: getVirtualData(2024)}};if (option typeof option object) {myChart.setOption(option);}window.addEventListener(resize, myChart.resize);/script
/body/html
