![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
ikun不解释
前端开发
展开
-
canvas--折线图
canvas–折线图功能:模拟从后台获取数据,将得到的数据在画布上连接成一个折线图,即数据可视化效果如下:绘制这个图主要包含以下几个部分:新建一个构造函数LineChart()传递数据data初始化函数的行为和方法(主要包含绘制网格,绘制坐标系,绘制点和连接点)代码如下:<canvas width="600px" height="400px"></canva...原创 2019-08-25 09:49:02 · 644 阅读 · 0 评论 -
数据可视化--饼状图
数据可视化–饼状图功能:模拟从后台获取数据,将数据绘制成饼状图,效果如下:<canvas height="500px" width="800px"></canvas> <script> //模拟从后台获取数据 var data = [ {title:'15-20岁',num:6}, {title:'20-25岁',num:3...原创 2019-08-26 09:27:50 · 3833 阅读 · 0 评论