本期大纲 1、饼图绘制2、如何添加动画效果3、使用rollup构建项目 相关阅读：在微信小程序中绘制图表（part1）在微信小程序中绘制图表（part2） 关注我的 github 项目 查看完整代码。 很久没更新了，最近事情比较多，今天来把坑填上！ 饼图绘制 先看一下API 下面开始（使用ES6语法编写，后面我们可以使用rollup编译成ES5...

本期大纲 1、确定纵坐标的范围并绘制 2、根据真实数据绘制折线 相关阅读：在微信小程序中绘制图表（part1）在微信小程序中绘制图表（part3） 关注我的 github 项目 查看完整代码。 确定纵坐标的范围并绘制 为了避免纵坐标的刻度出现小数的情况，我们把纵坐标分为5个区块，我们取最小单位刻度为例如10（能够被5整除），当...

由于微信小程序本身框架的限制，很难集成目前已有的图表工具，显示图表目前有两种方案：1、服务器端渲染图表，输出图片，微信小程序中直接显示渲染好的图片，比如highcharts提供了服务端渲染的能力hightcharts server render，这种方式需要后台有一套渲染服务，并且有一定的网络开销。2、微信小程序API中提供了canvas的...

DEMO See Demo! 工具库GIT地址 get on GIT 求波star :) 如何实现 难点在于在不超出屏幕范围的前提下，尽量抛得更高 整体思路大致如下： 我们知道抛物线的方程式为: 现在我们知道抛物线上的两个点（动画的起点和终点）以及极值点的y值（因为要刚好接触屏幕顶部，所以可以知道这个值）来解这个方程，获得a, b, c 抛物线极...

webapp开发中经常需要加入点击二态，即用户点击（tap）页面某个部分时该部分的样式进行相应的变化来相应用户的点击操作，这样能够带来更好的用户体验，今天我们要讨论的是如何给图标加上点击的二态效果。