小程序展示:
今日更新:折线图表与自定义弧度表盘
今天更新的图表组件仍是使用canvas绘制。其实图表的使用在小程序中还是比较常见的,与其每次去使用echarts或者f2这些复杂配置的图表,我想还不如在组件库中新建几个常用且美观的图表。
画不多说,直接展示效果。
折线图表常见功能介绍:
1、平滑过渡,这个也是整个组件中我觉得最复杂的地方,主要是贝塞尔函数的计算方式,这个确实太复杂了。
2、多条数据展示,自定义点坐标、颜色。
3、自定义坐标点显示,上图显示的坐标点完全由自己控制显示
4、交互,左滑或者右滑可以显示出当前数据,这个ui目前也是借鉴的是微信官方的 We分析 小程序,不胜感激。
5、缩放,图表的maxmin,完全根据用户数据进行自动缩放。
自定义弧度表盘请参考小程序中【图表组件 ==> 圆弧表盘】示例
说在最后:
组件和图表的用法,完全是根据需求改变,很难做到万能的组件,所以我后续也会提供定制组件和图表的需求,希望大家支持。
开源的目标也终于快完成了,最晚不过月中,我就会上传git和npm,希望大家喜欢,也欢迎大家进群讨论交流,谢谢。