微信小程序图表工具

基于canvas绘制，体积小巧

支持图表类型

• 饼图 pie
• 圆环图 ring
• 线图 line
• 柱状图 column
• 区域图 area
• 雷达图 radar

更新记录

•  动画性能优化
•  图表滚动的支持，感谢@jxintang
•  优化曲线绘制
•  新增雷达图 2017-03-17
•  新增tooltip 2017-03-07
•  新增曲线的绘制 2017-03-06
•  新增更新数据、终止进行中的动画方法，渲染完成事件回调 2017-02-17
•  新增圆环图title, subtitle 2017-01-10
•  x轴文案碰撞避让 2016-12-30
•  add pie chart dataLabel 2016-12-19
•  add animation 2016-12-05
•  build with rollup 2016-12-02
•  add legend 2016-11-29

如何使用

1、直接引用编译好的文件 dist/wxcharts.js 或者 dist/wxcharts-min.js

2、自行编译

下载安装
npm install rollup -g
npm install
rollup -c 或者 rollup --config rollup.config.prod.js

实际项目中如何具体使用wx-charts 或者 访问wx-charts-demo查看在微信开发工具中直接运行的例子

参数说明

参数说明 – wxCharts使用文档

方法 & 事件

方法 & 事件 – wxCharts使用说明

Example

更多内容请查看Example – wxCharts使用说明

测试

1. iPhone 6s, IOS 9.3.5
2. 小米4, ANDORID 6.0.1

兼容性问题请在Issue中提出

一些问题的说明汇总

• wx-charts自适应屏幕宽度的问题
• 项目中如何具体使用wxCharts

链接: https://pan.baidu.com/s/15ZBez6Us6nQ7uuq7ZtirwQ 密码:

注意：本段内容须成功“回复本文”后“刷新本页”方可查看！

注意：本段内容须成功“回复本文”后“刷新本页”方可查看！