上一章节，我们完成了下图看板中3个图表的制作，本章节我们来设计看板，即把制作好的图表添加到看板中，并进行布局排版、数据联动等设置，最终完成看板的制作。
1. 返回看板设计器
点击图表设计器左上角的【保存并返回】按钮，或者点击设计器下方看板sheet页，返回看板设计器。
2. 设置尺寸
点击菜单栏上的【尺寸】下拉按钮，可以选择设置看板的尺寸大小，也是看板设计区的尺寸大小，这里我们设置为“自适应”。
- 自适应：看板宽高自动撑满屏幕。窗口缩放时，看板宽高随之缩放。
- 宽度自适应*高度滚动：看板宽度自动水平撑满屏幕，看板的高度取决于里面内容的高度，随着内容的增加，看板高度可以无限延展。窗口缩放时，看板宽度随之缩放，但高度不变。
- 宽度自适应*高度固定: 看板宽度自动水平撑满屏幕。看板的高度为一个设置的固定值，所有图表均放置在此固定大小区域内，窗口缩放时，看板宽度随之缩放，但高度不变。
- 宽度滚动*高度自适应：看板高度自动垂直撑满屏幕，看板的宽度取决于里面内容的宽度，随着内容的增加，看板宽度可以无限延展。窗口缩放时，看板高度随之缩放，但宽度不变。
- 宽度固定*宽度固定：自定义设置宽度和高度大小。所有图表均放置在此固定区域内，窗口缩放，看板宽高不变。
- 其他固定大小：系统内置的常见固定尺寸。
3. 设置布局方式
布局方式，分为“智能布局”和“自由布局”两种方式。，智能布局下，拖入组件，组件自动撑满布局，组件不可以叠放。自由布局下，拖入组件后组件可任意拖拽、叠放到合适的位置。
本例中就采用默认“智能布局”。
4. 添加图表
接下来，添加前面已经做好的图表到看板中。
1）方法一
直接依次拖拽图表到设计区中。
先鼠标左键按住图表“按中心分析自然工时”拖入到看板设计区。
然后鼠标左键按住图表“按员工id分析工作天数”拖拽到设计区的下方，直到出现下图所示感应区时，放开鼠标左键，即可将表格放置到第一统计图的下方。
放置后效果：
接下来鼠标左键按住图表“按是否出差分析自然工时”拖拽到设计区右上角，直到出现下图所示感应区时，放开鼠标左键，即可将饼图放置到条形图的右边。
放置后效果：
在看板设计器，在组件块的左上角鼠标按住拖动可调整组件位置，在组件块的边框上鼠标按住拖拉可调整组件大小，如下图。
2）方法二
也可以先插入布局，再拖入已经做好的图表。
3）方法三
如果所需图表还未制作，可以先添加空的图表组件进来，把整个布局排版设置好后，再编辑生成图表。
另外，看板中除了能添加本看板中的图表外，还能引起其他图表，包括其他敏捷看板中的图表、敏捷报表以及单独保存的图表。
引用的图表不能编辑，脱离原图表后，会克隆一份到本看板。
引用图表还支持先预览，再引用，具体操作如下图。
5. 数据筛选
基于上面的表，我们只想统计指定年月的数据，怎么办？
1）方法一
进入图表设计器，将维度“日期”鼠标左键按住不放，拖动到下方的图表筛选器中，如下图。
打开日期筛选组件属性面板，调整日期类型为年月。
然后点击日期筛选组件，选择年月为“2018年6月”，确定后就完成了指定月份数据的过滤。
2）方法二
在看板设计器中，拖入筛选区组件到看板设计区。
点击筛选区中的“添加”按钮，打开维度指标树，将日期维度拖入到筛选区，切换日期筛选组件为年月后，选择年月为“2018年6月”，确定后就完成了指定月份数据的过滤。
具体操作如下图。
3）两种方法的差别
两种方法都能设置数据筛选，那么他们有什么差别？
方法一：对某一图表添加的筛选组件只作用于当前设置的图表，看板上其他图表不受影响。
方法二：在看板设计器添加的筛选区设置的过滤组件，默认作用于当前看板上所有图表。可以调整筛选区中筛选组件的作用范围，具体操作见下图。
6. 联动和取消联动
1）联动
对于多图表的敏捷看板，所有图表间默认是智能联动的。
比如上图看板，点击第1个统计图中的“业务中心”数据块，第2个图和第3个表都会刷新为统计业务中心的相关数据。点击第2个统计图中的“出差”数据块，则第1个图刷新为统计出差的相关数据，第3个表在业务中心数据基础上还要加上出差数据限制。
上图看板中所有图表都是从两张具有关联关系的主题表中取数，这3个图表间可互相联动。如果增加第4个图表，它从其他主题表取数，这张主题表与前面的两张主题表都没有设置关联关系，则点击前3个图表中的数据块可能不会联动第4个图表，原因没有相同的字段可过滤，也没有表关联关系，无法和其他主题表关联后在过滤。故我们的智能联动是能联动才联动，不同主题表间要能联动，需要他们有设置关联关系。
另外，敏捷看板支持手动设置联动范围，可设置这个组件联动刷新哪几个组件，具体操作如下图。
如果不需要图表间的联动功能，在菜单栏上取消联动勾选即可，见下图。
2）取消联动
当图表间发生了联动，如何取消联动？
方法1：重置引起联动的组件，即可取消由该组件引起的联动。
比如点击第1个图中数据块，导致了第2、3个图表被联动刷新了，要取消此联动，重置第1个图皆可。
方法2：点击菜单栏上的计算按钮，即可取消看板上所有组件引起的联动效果。
7. 主题看板
到这里看板制作完成，看板样式为默认的蓝色琉璃，如果觉得样式不满意可以通过切换主题来实现看板样式更改，并且支持用户根据已有样式新建新的样式。
点击看板主题，点击新建，可以选择需要依赖的主题，点击下一步。
打开了主题编辑界面。
Tab页说明： 看板：看板的一些外观属性 ，点预览可刷新效果 公共属性：组件的公共外观属性 图基本属性：主要列举了柱状图，线图，条形图，面积图的共用属性，其他属性图有的话也适用。 组件：列举所有内置组件 样式调整相关 （表格（交叉表，分组表，明细表），图的， 参数组件，tab组件等） 备注：图的调整颜色的时候会立即刷新，其他的属性，需要预览查看 自定义组件：需要保存后，自己去组件库自己添加样式 |
上述三个图表制作完成后，在看板页进行排版，点击看板主题，选择一个作为主题看板，也可以切换主题。
点击【确定】，切换主题后效果如下图：
8. 保存敏捷看板
最后【保存】，完成看板的制作。
9. 另存为单图表
敏捷看板支持将其中的图表资源单独存为图表，供其他看板引用。
方法一：点击菜单栏中保存按钮旁的下拉图标，选择另存单图表，勾选需要另存的图表资源，选择保存路径后保存，可完成批量将看板中的图表存为单图表的操作，具体操作如下图。
方法二：在看板设计器下方，右键图表名称，选择另存为图表，设置保存路径，代号和名称后保存，可将看板中图表资源另存为图表，如下图。
单图表和看板保存后可以在其它看板中引用，看板左侧图表资源下“引用其他图表”，将需要的图标拖入设计区即可。
请先登录