控件​

控件是仪表盘的基本组成单位。控件种类很多，有展示分析数据的图表类类控件，有展示图片、文字的展示类控件，还有可导出数据、刷新数据、过滤数据等功能类控件。一个完整的仪表盘由多种不同功能的控件构成。

控件类型​

根据控件是否展示分析数据可将控件分为图表类控件、展示类控件和功能类控件。

• 图表类控件：指展示分析数据的各种图表控件，如柱状图、饼图、地图、表格、KPI，共近50种图表。

• 展示类控件：一般不包含分析数据，主要用于展示图片、文字等内容，提升仪表盘展示效果。

• 功能类控件：在仪表盘中完成某些功能，辅助用户获取分析数据，如过滤数据，导出数据，刷新等功能。

控件制作及配置​

控件创建流程如图所示，分为如下三步：配置控件内容，设置控件外观及交互操作，调整控件布局。

本小节主要介绍控件制作过程中的相关配置，首先通过示例了解控件制作的大概过程。

控件示例​

下面以创建一个折线图的图表控件为例，展示控件创建过程，其他控件制作过程类似。

1. 从菜单栏中选择图表控件。选择数据来源、数据集和图表类型（这里使用折线图）。

   

2. 设置控件内容，包括配置、样式、交互。

• 配置：在配置中拖拽维度和度量生成图表聚合数据，展示了业务数据信息。 示例中在维度中拖入日期（计算方式为月，展示格式设为年/月），度量中拖入用户姓名、订单实际交付天数、库存周期天数三个字段，生成图表。

  

• 样式：设置控件的展示样式。示例中设置自定义标题，图表内容颜色、大小，x 轴，y 轴，图例等样式。修改后图表如下。

  

• 交互：设置控件的图表内交互。示例中仅设置限制条数1000，图表中点击交互行为设置为弹出菜单。

  

1. 设置控件外观及控件交互。示例中控件圆角进行设置，与其他控件的交互选择联动过滤相关性图表。

   

2. 控件制作完成，调整其在画布中的布局。

   

从示例可以看出，一个控件需要进行控件内容配置和控件外观及交互配置。下面介绍这两部分的相关内容。

控件内容​

控件内容包括控件展示内容（分析数据、文本内容）、控件展示样式、控件内部交互。这三部分分别在控件配置、样式、交互中完成。

• 配置

  在配置中进行分析数据的设置，包括配置数据和整理数据。

  配置数据：指将数据集字段、参数、指标、用户属性拖入到配置区域中，生成图表。

  

  处理数据：当数据拖入到图表后，需要对数据进行处理。 如对数据进行求和、平均、去重、百分比、同环比等计算，对数据设置小数位数、计算单位等展示格式，对数据设置排序样式，对数据进行过滤处理等。

  

• 样式 在样式调整控件的展示样式，一方面可以使控件更加美观，使符合仪表盘整体展示风格， 如配置颜色，字体设置、图例展示等。 另一方面是使控件重点展示内容更加突出，如坐标轴设置、参考线设置、条件格式设置等。

  

• 交互

  这里主要指控件自身交互行为，如控件展示数据条数，控件自动刷新，值域漫游，时间漫游，图表打开后点击交互行为等。

  

提示

不同控件配置、样式、交互中的选项会有差别。 控件不一定都包含配置、样式、交互这三项。图表类控件一般包含这三项，展示类控件一般不涉及分析数据，没有配置项。 功能类控件一般不涉及交互，没有交互选项。

控件外观及交互​

在控件三点菜单中的控件设置中可以设置控件的外观和控件交互。

控件外观即控件的外形展示，包括控件大小、位置、背景、边框、阴影等。 控件外观可以跟随仪表盘主题变化。

控件交互指在仪表盘展示过程中点击控件时控件的交互行为，包括联动过滤、下钻、联动过滤+下钻、执行 JS 代码、不响应、跳转等。

控件布局​

多控件时可以通过图层排列进行布局，调整控件层次结构、对齐方式、分布方式等。

Pager