报表能做到多好看?

那到底要多好看呢?

比如像这样子的财务统计报表效果:

980e97d4ff5284c94d4f1486cb4440f8.pnga47d59c52e8dac231dfff8def0bb0616.png

比如像这样子的会员运营情况报表:692a924a3c5f65b65d020aeda254e165.png

看上去是不是比枯燥的表格式的数字形式好看多了呢?

要知道这些只是简单的示例,用心去做的话,绝对可以做的更好看更花哨!还有各种动态效果可以实现。

之所以能做出这么优秀的展示效果,主要是因为项目运用了ucharts图表插件、wyb-table表格插件两大利器。

ucharts图表插件,是一个高性能跨平台图表库,支持H5、APP、各种小程序、Vue、Taro等各种支持canvas的框架平台,可以生成各种图,例如饼图、圆环图、线图、仪表盘、K线图、条状图,等等等等,只有你想不到,没有他做不到。

wyb-table表格插件,支持条件格式、排序、格式化、链接、统计等丰富多样的各种功能。

由这两大利器,再加上作者的点睛之笔,ReportPlust就可以做出美轮美奂的报表了。用户所要做的只是将数据按格式传入就可以了!

比如像文本处理,如果要实现分两层展示,上层纯数字,下层纯文字的排版类型,只需要这样:

{

“kind”:1,

“background”:[“#3EB2F5”,“#9374F7”],

“content”:[

{“text”:“”,“value”:“6666”,“colortext”:“”,“colorvalue”:“#fff”,“size”:“44rpx”},

{“text”:“TJ最厉害”,“value”:“”,“colortext”:“#fff”,“colorvalue”:“”,“size”:“24rpx”}

]

}

其中,kind表示使用哪种类型的文本块,1就是选择了两层展示,上层纯数字,下层纯文字;background指背景颜色;content array是该文本框内文本内容,是不是很简单?还有更多的内容等你来一一尝试。
如果你已经厌倦了各种老旧的报表风格,对那些千篇一律的矩阵不待见,如果你是个追求好看美观的潮流人士,那么这款开源的报表项目,可不要错过哦!
点击下方卡片,关注公众号“TJ君
回复“报表”,获取仓库地址
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

img

学习分享,共勉

这里是小编拿到的学习资源,其中包括“中高级Java开发面试高频考点题笔记300道.pdf”和“Java核心知识体系笔记.pdf”文件分享,内容丰富,囊括了JVM、锁、并发、Java反射、Spring原理、微服务、Zookeeper、数据库、数据结构等大量知识点。同时还有Java进阶学习的知识笔记脑图(内含大量学习笔记)!

资料整理不易,读者朋友可以转发分享下!

Java核心知识体系笔记.pdf

记一次蚂蚁金服Java研发岗的面试经历,分享下我的复习笔记面经

中高级Java开发面试高频考点题笔记300道.pdf

记一次蚂蚁金服Java研发岗的面试经历,分享下我的复习笔记面经

架构进阶面试专题及架构学习笔记脑图

记一次蚂蚁金服Java研发岗的面试经历,分享下我的复习笔记面经

Java架构进阶学习视频分享
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!**

  • 23
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值