FinClip上使用uCharts打造精美可视化报表小程序

何为FinClip

FinClip是一款与“微信小程序”、“百度快应用”等提供类似小程序技术的平台。它的核心功能就是能够让任何APP拥有小程序的运行能力,只需要在你的 App里面,集成它的 SDK,就能加载运行小程序了。除了SDK,同时它还提供一个后台管理系统,统一管理小程序的上架和下架,以及收集和分析小程序数据,对于开发人员,可谓是极其便捷了。
在这里插入图片描述

为何使用FinClip

如今小程序可谓风靡当下,无需安装,只要扫码立开应用的便捷性,为它创造了勃勃生机的时长前景,而凡泰极客旗下的FinClip,则是最近在Github上很热门的前端小程序容器技术!除此之外,它还具备以下特定:

  • 多端上线
  • 完整的生态圈
  • 兼容度高
  • 合规引流
  • 完善的功能链
    在这里插入图片描述

何为uCharts

uCharts是一款基于canvas API开发的适用于所有前端应用的图表库,开发者编写一套代码,可运行到 Web、iOS、Android(基于 uni-app / taro )、以及各种小程序(微信/支付宝/FinClip/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等更多支持 canvas API 的平台。
在这里插入图片描述

为何使用uCharts

随着可视化数据的空前火热,移动端大屏报表也迎来了属于自己的春天,而uCharts则是可视化图表的一款利器,即使是FinClip如此般新技术也能完美兼容!

uCharts现已支持饼状图、圆环图、折线图、柱状图、山峰图、区域图、雷达图、圆环图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、时序图、散点图、气泡图、地图等常见图表。
在这里插入图片描述

uCharts为FinClip带来了什么

uCharts是一款基于 canvas API 开发的跨平台图表库,全端全平台支持的图表库,以图表可视化插件的形式用于以图表的形式可以在 FinClip 平台对数据进行展示,相当于未来将帮助更多的开发者在 FinClip 小程序开发中获得开箱即用,体积小巧、调用简单方便、性能及体验极佳的图表能力。

值得一提的是:uCharts的配置非常的人性化,其中的在线生成工具,即使是厌烦阅读文档的用户,也能轻松配置出心仪的个性化图表;而各项配置、数据配置、组件事项各个版本的分离设计,也让用户使用起来更加清晰明了。
在这里插入图片描述

uCharts的报表Demo

在这里插入图片描述
在这里插入图片描述

评论 16 您还未登录,请先 登录 后发表或查看评论
uCharts是一个高性能的跨平台图表库,支持H5、APP、小程序(微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、360小程序)、Vue、Taro等更多支持canvas的框架平台,支持饼图、圆环图、线图、柱状图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、时序图、散点图、气泡图、地图。 为解决开发者使用可视化组件的困扰,uCharts官方特推出可视化通用组件,本组件具备以下特点: 1、极简单的调用方式,默认配置下只需要传入图表类型及图表数据即可全端显示。 2、提供强大的在线配置生成工具,可视化中的可视化,鼠标点一点就可以生成图表,可视化从此不再难配。 3、兼容ECharts,并解决了ECharts无法使用formatter的问题,可选择PC端或APP端单独使用ECharts引擎渲染图表。 4、H5及App采用renderjs渲染图表,动画流畅、性能翻倍。 5、根据父容器尺寸弹性显示图表,再也不必为宽高匹配及多端适配问题发愁。 6、支持加载状态loading及error展示,避免数据读取显示空白的尴尬。 7、chartData配置与数据解耦,即便使用ECharts引擎也不必担心拼接option的困扰。 8、localdata后端数据直接渲染,无需自行拼接chartData的categories及series,从后端拿回的数据简单处理即可生成图表。 9、小程序端不必担心包体积过大问题,ECharts引擎将不会编译到各小程序端,u-charts.js编译后仅为93kb。 10、未来将支持通过HbuilderX的schema2code自动生成全端全平台图表,敬请期待!!! 11、uCharts官方拥有3个2000人的QQ群支持,庞大的用户量证明我们一直在努力,本组件将持续更新,请各位放心使用,本组件问题请在QQ3群反馈,您的宝贵建议是我们努力的动力!! 安装注意前提条件【版本要求:HBuilderX 3.1.0+】 1、插件市场点击右侧绿色按钮【使用HBuilderX导入插件】,或者【使用HBuilderX导入示例项目】查看完整示例工程 2、依赖uniapp的vue-cli项目:请将uni-modules目录复制到src目录,即src/uni_modules。(请升级uniapp依赖为最新版本) 3、页面中直接按下面用法直接调用即可,无需在页面中注册组件qiun-data-charts 4、注意父元\u7d20class='charts-box'这个样式需要有宽高

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:书香水墨 设计师:CSDN官方博客 返回首页

打赏作者

howcoder

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值