本章重点介绍DWF可视化控件，可视化控件包括：混合图、散点图、饼图、省份地图、仪表盘、动态地图和自定义控件,自定义控件可以实现与echarts可视化的集成。

1.混合图控件

1.1柱状图和折线图

混合图控件可支持柱状图、折线图、横堆叠图、纵堆叠图在一个看板上实现，下图是结合设备管理数据模型，用混合图控件设计的设备开工时长和故障总数看板，其中X轴为设备实体类Asset中设备“代号”，柱状图为设备实体类Asset“工作小时数”，折线图表示设备的“总故障报警数”，下面围绕这个看板来介绍混合图的功能。

...

11.过滤条件：可以对所展示的数据进行过滤条件的设置，以展示所需要表达的数据。

1.2 堆叠图

在上面图表系列配置的”类型“中，如果选择类型为：crosspile横向顿叠图、verticaleStack纵向堆叠图，当类型选择为堆叠图后，Y轴即可选择多个需要展现的属性，就形成堆叠的效果。

如果选择多个属性，则在图表系列配置中的属性映射中就会出现多个系列，可分别对每个序列的配置进行再单独的设置，如：对Y轴的设置、颜色、Y轴网格线等进行设置。

2.散点图控件

下图为设备管理案例中设备实体类Asset中描述设备经纬度的散点图，下面介绍散点图的定制过程。

...

3.过滤条件：设置要展现数据的过滤条件即完成散点图的定义。

3.饼图控件

下面结合设备管理案例中故障报警数来介绍饼图的使用。

...

5.图表半径：通过过滤条件过滤要展示的数据；

7.绘制：选择“绘制”可绘制定义的饼图。

4.省份地图控件

下图为设备管理按照设备实体类Asset中”工作地点“即省份对工作小时数进行统计的省份地图看板，省份地图可以实现按照所选择的标签进行统计。

...

4.过滤条件：选择数据的过滤条件，如年份，实现按照年份、省份对设备进行工作小时数统计。

5.点击绘制，即可完成对省份地图的汇总和可视化。

5.仪表盘控件

下图为设备运行里程监控看板的设计。

图-设备运行里程监控

...

6.点击“绘制”，即可完成设备运行里程监控看板的绘制。

7.动态地图控件

动态地图在第二部分系统定制中第三章表单建模入门(三四)）中有详细的介绍，不在此赘述。需要说明的问题是，动态地图显示的是根据设备的经纬度信息在定位设备在地图上的位置，而省份地图是根据标签对数据进行统计，二者要表达的内涵完全不一样。

8.自定义控件

自定义控件：具有一定开发能力的用户，用HTML、CSS、JavaScript和Vue代码，定制可视化控件。可视化控件中的自定义支持myChart的方法，可以直接使用myChart来基于echarts制作DWF不支持的图表，支持this.handleQuery 获取类对象的数据。如果需要有复杂的交互逻辑和点击事件就需要用到插件开发。

...