基于微信小程序canvas的图表控件,适用于wepy框架
说明
基于微信小程序canvas开发的图表控件,适用于wepy框架
暂时只有折线图,后续提供更多的图表
(此图片来源于网络,如有侵权,请联系删除! )
使用安装组件npm install wepy-com-charts –save引用组件
- <template>
- <lineChart></lineChart>
- </template>
- <script>
- import wepy from ‘wepy’;
- import Charts from ‘wepy-com-charts’;
- export default class Index extends wepy.page {
- components = {
- lineChart: Charts
- };
- }
- </script>
复制代码 PS:如果wepy组件后缀名改成了vue的可以用以下方法引用
- <template>
- <lineChart></lineChart>
- </template>
- <script>
- import Charts from ‘wepy-com-charts/lib/line-chart.vue’;
- </script>
复制代码 调用方法
- //调用draw方法可以产出图像
- this.$invoke(‘lineChart’, ‘draw’);
复制代码 Props传值说明
属性 默认值 类型 必填 说明 collection [] array 是 图表数据,格式如下:[ {name:’line name’,data:[{key:’对应label的值’,value:10}]} ] labels [] array 是 x轴分布的label colors [‘#FF5974’…] array 否 数据线颜色 paddingX 18 number 否 x轴内边距 paddingY 15 number 否 y轴内边距 height 215 number 否 图表的高度 width device width number 否 图表的宽度,默认取设备的宽度 lineWidth 2 number 否 数据线的大小 axesColor #F5F5F5 color 否 坐标颜色 xLabelColor #111111 color 否 x轴label的颜色 yLabelColor #111111 color 否 y轴label的颜色 onXLabelFilter null function/’enable’ 否 x轴label过滤回调函数,设置为enable时全部x轴label显示 onYLabelFilter null function/’enable’ 否 y轴label过滤回调函数,设置为enable时全部y轴label显示 yLabelFormat null function 否 y轴label显示格式回调函数 yLabelRows 5 number 否 y轴label显示个数 onXAxesFilter null function/’enable’ 否 x轴背景坐标过滤回调函数,设置为enable全部显示 onYAxesFilter null function/’enable’ 否 y轴背景坐标过滤回调函数,设置为enable全部显示 showFollowXAxes false boolean 否 x轴跟随坐标是否显示 showFollowYAxes false boolean 否 y轴跟随坐标是否显示 onActived null function 否 手指选中某一列时触发的回调函数,可以获取该列所有点的数据 positionX 0 number 否 画板x轴位置,用于手指拖到计算 positionY 0 number 否 画板y轴位置,用于手指拖到计算 detailPanelShow true boolean 否 是否显示详细面板
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
【小程序源码网资源版权风险说明】:
本站为避免不必要的纷争,分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台,站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意,所以如有遗漏资源侵犯了您的合法权利,请联系站长删除。
【小程序源码网资源下载使用说明】:
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网毫无人看的介绍】:
本站又称Z站,原名贼娘网,开站于2018年,换过三任站长,目前站长是第四任站长,本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站,主要小程序资源有用于学习的小程序源码,也有正版原创可商用的小程序源码,是一个公益博客型网站。
【小程序源码网原创源码版权申明】:
未经小程序源码网许可,任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内,版权无使用限制),否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】:
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网站长最后的屁话】:
如有您认为本站有任何侵犯您合法权益的文章,或者您有什么疑问需求,欢迎联系站长QQ,站长24小时在线,备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理,如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论,就不用加站长啦,对于白嫖党,QQ群才是处理问题的天堂,当然站长也欢迎大家骚扰~
小程序源码网 » 基于微信小程序canvas的图表控件,适用于wepy框架
本站为避免不必要的纷争,分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台,站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意,所以如有遗漏资源侵犯了您的合法权利,请联系站长删除。
【小程序源码网资源下载使用说明】:
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网毫无人看的介绍】:
本站又称Z站,原名贼娘网,开站于2018年,换过三任站长,目前站长是第四任站长,本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站,主要小程序资源有用于学习的小程序源码,也有正版原创可商用的小程序源码,是一个公益博客型网站。
【小程序源码网原创源码版权申明】:
未经小程序源码网许可,任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内,版权无使用限制),否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】:
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网站长最后的屁话】:
如有您认为本站有任何侵犯您合法权益的文章,或者您有什么疑问需求,欢迎联系站长QQ,站长24小时在线,备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理,如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论,就不用加站长啦,对于白嫖党,QQ群才是处理问题的天堂,当然站长也欢迎大家骚扰~
小程序源码网 » 基于微信小程序canvas的图表控件,适用于wepy框架