如今，越來越多的客戶都提出了資料視覺化的需求。資料視覺化就是將可讀性差並且毫無重點的資料轉換成圖表、圖形等視覺元素來展現給觀眾，從而讓資料更直觀更易被人們理解和接受。因此，運用適當的資料視覺化控制元件來表現資料非常重要，接下來本文將給大家介紹資料視覺化中的常用到的一些控制元件。

一.常見的資料視覺化控制元件

在資料視覺化中經常用到的一些控制元件有：柱狀圖（條形圖）、折線圖、柱線圖、散點圖、餅圖、地圖、熱力圖、詞雲、儀表盤、雷達圖等等。關於資料視覺化控制元件的使用方法解析，可以觀看另一篇文章《資料視覺化圖表的使用方法》。

二.自定義視覺化控制元件開發的常見問題分析

很多技術人員在進行資料視覺化開發的時候，經常會去Echarts、Highcharts等資源網站上搜索需要的控制元件，但是找到完全滿足專案需求的控制元件是很難的。當找不到滿足需求的控制元件時，怎麼辦呢？這個時候，很多技術人員只能砍掉一些需求，使用這些控制元件將就一下。部分技術人員會想方設法修改這些控制元件，或者重新開發滿足自己需求的新控制元件。

砍掉需求，意味著專案功能減少，專案的整體質量就會相對降低；重新開發新控制元件，需要投入大量的人力和時間，大大增加了開發成本和專案風險。不管哪種情況，都不是我們想要的，我們想要的是既可以滿足需求又不需要投入大量開發成本的控制元件，那麼，有沒有這種控制元件呢？

三.XUI系列控制元件介紹

XUI系列控制元件是PowerUI Designer工具中眾多控制元件裡的一個控制元件系列，主要用於拼接大屏視覺化介面。依託於UIPower公司豐富的大屏視覺化專案經驗，XUI控制元件的種類豐富，能夠滿足各種大屏視覺化應用場景。

與Echarts等網站上的控制元件不同的是，XUI系列控制元件提供了非常豐富的控制元件屬性和控制元件介面供使用者使用。使用者可以直接在PowerUI Designer的控制元件箱中拖出XUI控制元件，並可在右側的屬性欄中對控制元件屬性進行設定，從而修改控制元件的外觀樣式以滿足專案的特殊控制元件需求。

圖1.每個XUI控制元件都提供了大量的控制元件屬性供使用者設定

XUI控制元件的佈局依舊遵循著PowerUI平臺的自適應佈局規則。因此，我們可以在PowerUI Designer中對XUI控制元件進行佈局設定從而實現整個介面在不同解析度下的自適應。

開發簡單也是XUI控制元件的一大特色。XUI控制元件使用簡單易懂的Javascript語言進行開發。開發難度小，開發週期短，不需要投入大量的時間和人力，不會額外增加過多的開發成本。並且，XUI控制元件還支援對網路上一些開源控制元件的引用，比如Echarts、Highcharts等資源網站上的一些控制元件經過簡單的包裝，就可以成為一個新的XUI控制元件放到PowerUI Designer中使用。

XUI控制元件支援在Web、PC、Android等終端使用。通過PowerUI Designer我們可以儲存在PC、Android端使用的pui檔案，也可匯出在Web端使用的html檔案。並且PowerUI提供一個轉換工具，通過該工具使用者可一鍵生成控制元件的動態庫，以及C、C++、C#等語言的標頭檔案，供在專案中呼叫。

目前，越來越多的客戶提出國產化需求，而XUI控制元件無需修改任何程式碼，即可實現在Linux下的完美執行。可以說，使用XUI控制元件開發的專案在從Windows向Linux國產化遷移過程中的成本幾乎為零。

四.總結

經過以上介紹，我們可以瞭解到資料視覺化外掛XUI系列控制元件有著支援多平臺、多開發語言，自定義屬性豐富，開發簡單容易上手等很多的優點。可以說，XUI系列控制元件是資料視覺化開發中的不二之選。

文章來源：資料視覺化外掛