wx-charts:微信小程序图表charts组件(微信小程序 wxs)

网友投稿 922 2022-10-10

wx-charts:微信小程序图表charts组件(微信小程序 wxs)

wx-charts:微信小程序图表charts组件(微信小程序 wxs)

wx-charts

微信小程序图表工具,charts for WeChat small app

基于canvas绘制,体积小巧

持续优化更新中,请保持关注~ 有任何问题欢迎在Issues中讨论,提出issue前请先阅读此须知

支持图表类型

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

代码分析 Here

更新记录

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

git clone https://github.com/xiaolin3303/wx-charts.gitnpm install rollup -gnpm installrollup -c 或者 rollup --config rollup.config.prod.js

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

参数说明

参数说明 - wxCharts使用文档

方法 & 事件

方法 & 事件 - wxCharts使用说明

Example

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

测试

iPhone 6s, IOS 9.3.5小米4, ANDORID 6.0.1

兼容性问题请在Issue中提出

一些问题的说明汇总

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:SpringBoot中@ConfigurationProperties注解实现配置绑定的三种方法
下一篇:开发小程序如何(开发小程序如何关联银行账户收款)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~