qq_42309685的博客

canvas–折线图 功能：模拟从后台获取数据，将得到的数据在画布上连接成一个折线图，即数据可视化 效果如下： 绘制这个图主要包含以下几个部分： 新建一个构造函数LineChart() 传递数据data 初始化函数的行为和方法（主要包含绘制网格，绘制坐标系，绘制点和连接点） 代码如下: <canvas width="600px" height="400px"></canva...

数据可视化–饼状图 功能：模拟从后台获取数据，将数据绘制成饼状图，效果如下： <canvas height="500px" width="800px"></canvas> <script> //模拟从后台获取数据 var data = [ {title:'15-20岁',num:6}, {title:'20-25岁',num:3...