注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!

微信小程序图表工具源码

PHP 开心洋葱 2636次浏览 已收录 0个评论 手机上查看
文章索引目录
[隐藏]

 

微信小程序图表工具

基于canvas绘制,体积小巧

1.支持图表类型

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

2.更新记录

  •  动画性能优化
  •  图表滚动的支持,感谢@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

3.如何使用

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查看在微信开发工具中直接运行的例子

4.参数说明

参数说明 – wxCharts使用文档

5.方法 & 事件

方法 & 事件 – wxCharts使用说明

6.Example

微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码

微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码 微信小程序图表工具源码

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

7.测试

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

兼容性问题请在Issue中提出

8.一些问题的说明汇总

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

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

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

您暂时无权访问此隐藏内容!

8.1.1.1.1.内容查看

查看价格:19.9 洋葱币

您需要先后,才能购买查看隐藏内容!

客服QQ:431910788#qq.com


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明微信小程序图表工具源码
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
开心洋葱,开心洋葱头,水墨

您必须 登录 才能发表评论!

加载中……