动图演示:文末白嫖源码
&&&&
代码目录
主要代码实现:
主页index.html布局
<header>
<h1>程序员全国分布大数据统计页面</h1>
<div class="showTime">当前时间:2020年8月<span></span></div>
</header>
<section class="mainbox">
<div class="column">
<div class="panel bar">
<h2>
柱状图-各行业程序员数量 <a href="javascript:;">2019</a>
<a href="javacript:;"> 2020</a>
</h2>
<div class="chart"></div>
<div class="panel-footer"></div>
</div>
<div class="panel line">
<h2>折线图-学习变化</h2>
<div class="chart