![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
xiaowenzi-
保持谦逊,不断积累,不断学习
展开
-
小程序 - 折线图画法
折线图的原理其实很简单:选定两个坐标点,调用moveTo()和lineTo()方法画出直线,多个点连续连线也是一样,一个一个点连接,但moveTo()是最开始的坐标执行,后面只调用lineTo()即可。效果图:首先是XML布局:<!-- 折线图 --><view class="canvas-view"> <canvas class="canvas" canvas...原创 2018-07-05 19:16:52 · 8398 阅读 · 2 评论 -
小程序 - 条形图画法
和上一篇折线图类似 https://blog.csdn.net/sinat_27180253/article/details/80930097,条形图的的画法主要是确定四个坐标点,调用fillRect()方法画框。下面是具体的实现代码效果图首先是XML布局<!-- 折线图 --><view class="canvas-view"> <canvas class="...原创 2018-07-05 19:41:43 · 2325 阅读 · 0 评论 -
小程序 - K线图画法
K线图在股票走势图那里用的很多,现在我们就一起学起K线图的画法吧。有了前两篇的基础,折线图https://blog.csdn.net/sinat_27180253/article/details/80930097 和 条形图https://blog.csdn.net/sinat_27180253/article/details/80932037 画法基础,K线图的画法就很轻松了,K线图是条形图和折...原创 2018-07-05 19:56:56 · 3472 阅读 · 1 评论