報表能做到多好看?

這兩天小編一個在銀行工作的小伙伴來吐槽,說是天天在做各種報表,現(xiàn)在看到表格都反胃,小編無奈之下只好安慰安慰,問他這報表到底多難看?他說這個樣子:

吐槽之余小伙伴問小編,現(xiàn)在市面上流行的報表都是什么樣的?畢竟在銀行,很多新技術新功能都受到限制,往往用的都是比較陳舊的但安全成熟的技術。
看著小伙伴那充滿期望的眼神,小編怎么能拒絕呢?拿出一個之前見過的特別帥氣的報表項目,讓他漲漲眼力!
ReportPlust

一個封裝了各種精美日歷組件、表格組件、排行榜組件、條形進度條組件、文本塊組件、圖表組件的開源項目,作者的目的就是讓大家能將報表盡量做的精美更精美,同時盡可能地減少用戶的上手難度,用戶只要按照虛擬數(shù)據(jù)的格式,上傳特定數(shù)據(jù)就可以生成一個又一個美麗實用的報表~
那到底要多好看呢?
比如像這樣子的財務統(tǒng)計報表效果:


比如像這樣子的會員運營情況報表:
看上去是不是比枯燥的表格式的數(shù)字形式好看多了呢?
要知道這些只是簡單的示例,用心去做的話,絕對可以做的更好看更花哨!還有各種動態(tài)效果可以實現(xiàn)。
之所以能做出這么優(yōu)秀的展示效果,主要是因為項目運用了ucharts圖表插件、wyb-table表格插件兩大利器。
ucharts圖表插件,是一個高性能跨平臺圖表庫,支持H5、APP、各種小程序、Vue、Taro等各種支持canvas的框架平臺,可以生成各種圖,例如餅圖、圓環(huán)圖、線圖、儀表盤、K線圖、條狀圖,等等等等,只有你想不到,沒有他做不到。
wyb-table表格插件,支持條件格式、排序、格式化、鏈接、統(tǒng)計等豐富多樣的各種功能。
由這兩大利器,再加上作者的點睛之筆,ReportPlust就可以做出美輪美奐的報表了。用戶所要做的只是將數(shù)據(jù)按格式傳入就可以了!
比如像文本處理,如果要實現(xiàn)分兩層展示,上層純數(shù)字,下層純文字的排版類型,只需要這樣:
{
"kind":1,
"background":["#3EB2F5","#9374F7"],
"content":[
{"text":"","value":"6666","colortext":"","colorvalue":"#fff","size":"44rpx"},
{"text":"TJ最厲害","value":"","colortext":"#fff","colorvalue":"","size":"24rpx"}
]
}
其中,kind表示使用哪種類型的文本塊,1就是選擇了兩層展示,上層純數(shù)字,下層純文字;background指背景顏色;content array是該文本框內文本內容,是不是很簡單?還有更多的內容等你來一一嘗試。
如果你已經厭倦了各種老舊的報表風格,對那些千篇一律的矩陣不待見,如果你是個追求好看美觀的潮流人士,那么這款開源的報表項目,可不要錯過哦!
點擊下方卡片,關注公眾號“TJ君”
回復“報表”,獲取倉庫地址
