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

小程序展示:

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

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

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

折线图表常见功能介绍:

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

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

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

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

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

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

说在最后:

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

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

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值