数据可视化控件介绍—XUI系列控件

一.常见的数据可视化控件

在数据可视化中经常用到的一些控件有：柱状图（条形图）、折线图、柱线图、散点图、饼图、地图、热力图、词云、仪表盘、雷达图等等。关于数据可视化控件的使用方法解析，可以观看另一篇文章《数据可视化图表的使用方法》。

二.自定义可视化控件开发的常见问题分析

很多技术人员在进行数据可视化开发的时候，经常会去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系列控件是数据可视化开发中的不二之选。