基于微信小程序canvas的图表控件,适用于wepy框架(微信小程序canvas教程)

网友投稿 936 2022-10-08

基于微信小程序canvas的图表控件,适用于wepy框架(微信小程序canvas教程)

基于微信小程序canvas的图表控件,适用于wepy框架(微信小程序canvas教程)

微信小程序 wepyjs 图表控件 wepy-com-charts

已停止维护,请谨慎使用!!

说明

基于微信小程序canvas开发的图表控件,适用于wepy框架

暂时只有折线图,后续提供更多的图表

使用

安装组件

npm install wepy-com-charts --save

引用组件

调用方法

//调用draw方法可以产出图像this.$invoke('lineChart', 'draw');

Props传值说明

属性默认值类型必填说明
collection[]array图表数据,格式如下:[ {name:'line name',data:[{key:'对应label的值',value:10}]} ]
labels[]arrayx轴分布的label
colors['#FF5974'...]array数据线颜色
paddingX18numberx轴内边距
paddingY15numbery轴内边距
height215number图表的高度
widthdevice widthnumber图表的宽度,默认取设备的宽度
lineWidth2number数据线的大小
axesColor#F5F5F5color坐标颜色
xLabelColor#111111colorx轴label的颜色
yLabelColor#111111colory轴label的颜色
onXLabelFilternullfunction/'enable'x轴label过滤回调函数,设置为enable时全部x轴label显示
onYLabelFilternullfunction/'enable'y轴label过滤回调函数,设置为enable时全部y轴label显示
yLabelFormatnullfunctiony轴label显示格式回调函数
yLabelRows5numbery轴label显示个数
onXAxesFilternullfunction/'enable'x轴背景坐标过滤回调函数,设置为enable全部显示
onYAxesFilternullfunction/'enable'y轴背景坐标过滤回调函数,设置为enable全部显示
showFollowXAxesfalsebooleanx轴跟随坐标是否显示
showFollowYAxesfalsebooleany轴跟随坐标是否显示
onActivednullfunction手指选中某一列时触发的回调函数,可以获取该列所有点的数据
positionX0number画板x轴位置,用于手指拖到计算
positionY0number画板y轴位置,用于手指拖到计算
showDetailPaneltrueboolean是否显示详细面板

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

上一篇:org/apache/curator/framework/CuratorFrameworkFactory
下一篇:mysql 逆向生成Pmd 文件
相关文章

 发表评论

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