- 產品
- 產品解決方案
- 行業解決方案
- 案例
- 數據資產入表
- 賦能中心
- 伙伴
- 關于
時間:2019-10-17來源:億信華辰瀏覽數:456次
當你在一個頁面上,需要一個餅圖,你是否要用代碼去實現一個餅圖?其實大可不必,有了酷屏,可以節省你50%的辛苦編寫餅圖的力氣。當把一個圖形編寫成為一個組件時,就可以做到哪里需要就拖拽到哪里,同時可以添加自定義樣式和事件。很棒吧,目前酷屏已經內置了兩大類組件:HTML組件和圖表組件,今天分別來詳細介紹一下。
酷屏是億信華辰自主研發的新一代數據可視化產品,內置近百種組件特效,六十余種風格各異的表格、導航、統計圖等組件及SVG特效可供用戶選擇,展示效果炫酷,可任意制作酷炫靈動的圖表和大屏。
一.組件介紹
HTML組件里為了適用大部分普通場景,其中包含了容器類,表格類,菜單樹類,參數類,統計圖類,特殊的動畫效果類等組件,如下圖所示。
?
下面,我們具體來了解一下上面的幾類組件。
1)?容器類
作用:顧名思義,容器類的組件一般都是作為一個包裹在外層的容器,通常起到一個容器和修飾樣式的作用。
作用場景:當我們想要把一個或者多個組件放置在同一個區域,使得該部分組件形成一個整體,同時通過改變整體的位置或者大小或者刪除,對所有組件都起到控制作用,也可以對容器的樣式進行編寫,達到美觀修飾的目的。
作用圖如下:
?
2)?表格類
作用:表格類的組件,一般都是擁有特殊功能(如滾動,翻頁,切換,變長等)和美麗外觀(只有想不到,沒有做不到)的表格,同時兼具表格的作用,使數據條理化,系統化。
作用場景:當你需要一個表格來詳細的展現數據時,你可以去表格類組件里去尋找合適自己的表格,或功用或美觀或二者兼顧。
?
3)?參數類
作用:參數類的組件可以實現統計圖聯動,統計圖聯動。
作用場景:當你想要你的選擇項發生變化時,相關聯的圖表也發生相應的變化;或者希望選擇項發生變化時,表格也進行聯動;這時你需要一個參數類的組件(下拉框,復選框,切換按鈕等)來完成你的想法。?


?
4)?統計圖類
作用:統計圖類組件,即各類統計圖(條形圖,柱狀圖,餅圖,地圖等),但比常規的統計圖更加炫酷多樣。
作用場景:在任何需要使用到統計圖的場景,如果常規的統計圖已經沒法滿足需求你的要求,這時就可以到該類統計圖里物色一下。
?
?
二.使用訣竅
看完這些方便又極其好看的組件,是不是想要快速去使用它呢?下面我們就說它是怎么用的,以統計圖類為例。
1)第一步:簡而言之,言而總之,輕輕一拖,效果立現。
?
2)?第二步:關聯數據,創建分析表,取出展示數據和指標。
1.?根據要展示的數據指標,做一張分析表
?
2.?根據要展示的指標,拾取表元指標,根據數據格式寫表達式,到此關聯數據結束。?

?
3)?第三步:預覽效果

有言道,工欲善其事,必先利其器。比喻要做好一件事,準備工作非常重要。所以要想做出一張完美的大屏,那么制作這張大屏的工具也需要相同的優秀。這可能就是億信酷屏被反復選擇的原因。我始終相信,所有相遇都是假期未晚!