用決策報表做移動端和大屏模板時，美觀和效率一直都是許多人的心頭難題。好看的模板效果，不僅能突出業務數據重點，還能令用戶愉悅、領導認可，提升報表的使用體驗。

但是想要報表好看，在樣式設計上就要花費很多時間打磨，想要同時保證美觀度和開發效率，似乎有點難

?

一款插件——組件復用，上面的問題統統有救！

所謂“組件”，就是制作決策報表時用到的內容元素組合：報表塊、圖表塊、Tab塊等。

而組件復用，指的就是將已配置好功能、樣式、場景的報表塊、圖表塊、Tab塊進行封裝，開發者做模板時，只需要簡單拖拽組件、替換業務數據，即可做好一張模板。

?

1、指標卡類

當需要對數據進行高度概括、重點突出某項內容時，指標卡是比圖表更直接的方式。

風格多樣的指標卡組件，從齒輪、小清新，到電子風、未來科技感，可以滿足無論是PC端駕駛艙、大屏，還是移動端看板的各類場景需求。

?

?

除了簡單指標卡以外，我們還提供已配置好各元素布局的復雜指標卡。你可以使用封裝了復雜布局的組件，通過簡單調整各組件的相對位置，即可得到一張樣式豐富的模板。

?

2、維度切換類

當涉及維度較多，而又需要提高空間利用率時，tab塊、空間聯動必不可少。如果厭倦了原生樣式，不妨試試維度切換類組件，簡約大方。

?

?

3、常用圖表類

我們基于大家常用的十余種類型圖表進行設計，為每一種圖表類型設計了多種配色、文本大小比例、字符搭配圖表的位置等，力求視覺效果和諧、美觀。

?

此外，對于看似普通的明細表，我們也設計了多種適合嵌入明細表的實用功能。如進度對比表格、圖形化表格、紅綠燈表格等。

?

4、標題頭類

對于移動端和大屏展示的不同場景，我們提供了更酷炫的大屏橫向標題，更靈活的嵌入式移動端標題。

?

?

5、特色動效類

有時我們需要使用一些動效、交互效果對模板加以點綴，但是這些效果往往要用到自定義JS，制作門檻略高。

為了降低大家的制作成本，我們提供包括動態矩陣圖、定制內容提示框、定時翻頁在內的多種效果組件，里面的JS我們全部給寫好！

?

?

6、特殊圖表類

由于數據類型的多樣性，有時我們需要用到一些特殊的圖表類型，比如匯報數量的增減時常用的變化瀑布圖。往往是由現有圖表類型搭配制作而成。

因此，我們將特殊類型圖表創建為可復用組件，不需要再研究制作過程，即可使用對比條形圖、變化瀑布圖、堆積柱形圖等等圖表。

?

7、高級功能：自主創建組件

如果公司要求個性化，上述組件沒有符合需求的怎么辦。不必擔心，我們既歡迎大家提出組件內容需求，也開放了自主創建組件功能。

從歷史模板中拆解常用組件，分享組件文件給團隊內其他人，實現公司內部的協作復用。

?

最后，給大家展示簡單拖拽制作的一個模板，效果覺得還可以不？

?

?

總結

以上是生活随笔為你收集整理的图表如何又酷又实用？这个功能，能让大屏做出专家级效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。