评论

开源日记 持续更新NO.4 | SkylineUI组件库之令人惊喜的小程序端折线图表

令人惊喜的小程序端折线图表

小程序展示:

今日更新:折线图表与自定义弧度表盘

今天更新的图表组件仍是使用canvas绘制。其实图表的使用在小程序中还是比较常见的,与其每次去使用echarts或者f2这些复杂配置的图表,我想还不如在组件库中新建几个常用且美观的图表。

画不多说,直接展示效果。

折线图表常见功能介绍:

1、平滑过渡,这个也是整个组件中我觉得最复杂的地方,主要是贝塞尔函数的计算方式,这个确实太复杂了。

2、多条数据展示,自定义点坐标、颜色。

3、自定义坐标点显示,上图显示的坐标点完全由自己控制显示

4、交互,左滑或者右滑可以显示出当前数据,这个ui目前也是借鉴的是微信官方的 We分析 小程序,不胜感激。

5、缩放,图表的maxmin,完全根据用户数据进行自动缩放。

自定义弧度表盘请参考小程序中【图表组件 ==> 圆弧表盘】示例

说在最后:

组件和图表的用法,完全是根据需求改变,很难做到万能的组件,所以我后续也会提供定制组件和图表的需求,希望大家支持。

开源的目标也终于快完成了,最晚不过月中,我就会上传git和npm,希望大家喜欢,也欢迎大家进群讨论交流,谢谢。


点赞 0
收藏
评论
登录 后发表内容