设置仪表盘页面


在页面编辑器右上角,选择 页面设置,配置页面的主题、背景、数据刷新功能等。

dashboard

主题和页面外观


你可以配置终端页面和组件的基础样式:

  • 主题:为页面选择颜色主题。主题决定页面、导航器和组件的基础颜色;配置组件时,仍可单独设置组件颜色。

  • 启用圆角组件:开启后,页面中的组件将以圆角样式展示。

  • 组件标题栏高度:设置页面中组件标题栏的高度。

  • 组件标题栏背景:设置组件标题栏的背景颜色。

  • 页面背景色:设置页面的背景颜色。

  • 背景图片:上传并使用页面背景图片。

  • 背景填充:设置背景图片在页面中的填充方式,例如平铺或自适应。

刷新频率


刷新频率是页面内数据的自动刷新频率。你可以在下拉列表中选择自动刷新频率,也可以选择 不刷新。

加载动画


设置页面中组件加载数据时使用的动画效果。选择 无动画 时,组件加载数据时不展示动画。

自动暂存


开启 自动暂存 后,编辑页面时产生的修改将自动暂存。

容器轮播


开启 容器轮播 后,容器中的页签等内容将按照 容器轮播间隔 配置进行轮播展示。

请求合并


当页面内多个图表使用同一数据源,且图表内的数据一同更新时,开启 请求合并 将合并进行一次数据请求,提高数据请求的效率。默认开启。

网格高度和网格数量


DTV 采用网格系统,将页面分割成大小相同的网格,以 网格 为最小单位计量组件的高度、宽度和位置。

  • 网格高度:单个网格的垂直高度。页面的宽高比例决定了网格的宽高比例,也就决定了页面的网格大小。默认 40 px,最小值 12 px。

  • 网格数量:水平维度下页面可包含的网格列数。可分别为 3 种响应模式的页面配置网格数量。最小值 6,最大值 72。

    • 大屏:默认 24。

    • 网页:默认 12。

    • 移动端:默认 6。

网格高度影响组件的面积大小,网格数量决定页面可容纳的组件数量。网格数量和网格高度一起,决定了页面的内容密度。例如,当组件尺寸确定为 3*3 个网格时:

  • 网格高度为 48px 时,组件的高度为 3×48px,组件宽度自适应。当网格高度增加时,组件的面积也扩大。

  • 网格数量为 6 时,水平维度下页面仅可容纳 2 个组件。当网格数量扩大至 9 时,水平维度下面板可容纳 3 个组件。

single-page


在仅占部分屏幕的页面,例如单页应用的左侧/右侧面板,或嵌入弹窗的 DTV 页面,网格将跟随展示区域的比例而变化。

dashboard


当你需要在多种不同尺寸的屏幕中展示页面时,可勾选 网格高度自适应。页面将根据展示屏幕的高度,面板的宽度以及页面网格数量,自动计算需要的网格高度,并使用到页面展示过程中。


../_images/dashboard_21.png

页面位置


DTV 以左上角的顶点为坐标系的原点,以图表或容器的左上角顶点为对象,定义图表或容器的位置。

  • 纵轴:按照页面配置的网格高度为一个单位,向下延伸。

  • 横轴:按照页面配置的网格数量,向右延伸。

dashboard

容器内位置


若图表在容器内,则首先展示图表在容器中的位置,再通过容器的页面位置,可获知图表的位置。与页面位置相同,以容器的左上角顶点为坐标系的原点,以图表的左上角顶点为对象,定义图表在容器内的位置。

  • 纵轴:按照页面配置的网格高度为一个单位,向下延伸。

  • 横轴:按照页面配置的网格数量,向右延伸。

dashboard

组件间隔


组件间隔是页面内组件之间的距离。你可以分别设置组件的上下间隔和左右间隔,以调整相邻组件之间的距离。

single-page

加载优先级


配置页面内组件的加载顺序。当数据量太大或网络不佳时,组件将按照定义的优先级从高到低进行加载,优化页面响应效率。优先级相同的组件将同时加载。若不配置,所有组件将一同加载。

组件分组设置


可以对组件进行分组,以支持不同组件分组交互。联动组内图表的数据后,可以同时触发多项联动数据的展示。

通过以下步骤对组件分组:

  1. 在仪表盘页面编辑页面,选择 页面设置 > 组件分组 的 分组设置,以打开组件分组弹窗。

  2. 仪表盘页面上的所有现有的组件都会展示在弹窗的顶部页签中。

  3. 将需要联动的组件拖放到分组中,开启组件联动。

  4. 若要从分组中删除组件,将组件拖放回页签中即可。

  5. 选择 确定,保存组件分组设置。


备注

只有维度、指标或对比数据值相匹配的组件才能触发交互展示功能。

按钮分组设置


用户可以对按钮组件进行分组,当组内某一按钮联动组件高亮时,其他按钮取消高亮。

通过以下步骤对按钮分组:

  1. 在仪表盘页面编辑页面,选择 页面设置 > 按钮分组 的 分组设置,以打开按钮分组弹窗。

  2. 仪表盘页面上的所有现有的按钮都会展示在弹窗的顶部页签中。

  3. 将需要分组的按钮拖放到分组中。

  4. 若要从分组中删除按钮,将按钮拖放回页签中即可。

  5. 选择 确定,保存按钮分组设置。

元数据更新


当页面引用的数据源或数据集的元数据发生变化时,选择 更新,页面将使用最新的元数据内容。终端页面将在重新发布后生效。

财务年


选择 财务年设置,配置页面的财务年范围,并指定需要启用财务年的容器和组件。启用后,页面中的财务数据将基于统一的时间周期展示,便于进行数据对比和分析。

国际化维护


通过 导出 下载国际化维护模板。模板包含页面名称、组件名称等支持国际化的字段。填写模板后,选择 导入 上传该文件,即可批量更新页面的国际化内容。

隐藏区


组件配置完成后,如需暂时在页面中隐藏此组件,通过以下步骤将组件添加至隐藏区中:

  1. 在左侧导航栏中选择 DTV 中心 > 仪表盘页面。

  2. 将鼠标悬停在页面卡片上,选择 编辑 打开页面编辑器。

  3. 在页面编辑器中,将鼠标悬停在组件左上角的省略号图标(…)上,并在下拉菜单中选择 移入隐藏区。


你可以在页面编辑器的顶部工具栏中选择 隐藏区 打开弹窗,查看此页面已隐藏的组件。如需让隐藏的组件重新展示于页面中,可在隐藏区弹窗中选择组件并选择 恢复 按钮。

素材库


选择 管理素材库,上传当前页面需要使用的图标、图片和背景等素材。上传后,可在页面和组件配置时快速选用这些素材。

导出为 PDF


勾选 支持导出 PDF 文件 后,页面将展示 导出 PDF 按钮,用户可点击按钮,将仪表盘页面导出为 PDF 文件,方便离线查看页面。

dashboard

自定义 PDF 文件名称


在 PDF 文件名称 中输入的名称,将作为用户导出 PDF 时的默认文件名称。支持国际化。如不输入,则文件名默认与配置态中的页面名称相同。

配置 PDF 视图


PDF 视图默认为 A4 大小,上下左右留有页边距,页面之间有分页线。默认情况下,页面组件的宽度将自适应 PDF 视图的宽度,而高度可能会挤压,导致组件变形。且组件可能被分页线分割至两个页面,导致视图不完整。同时,若页面组件发生变更,建议重新调整 PDF 视图,以适配最新页面。

按照以下步骤配置 PDF 视图:

  1. 在配置态的右上角选择 PDF 视图,可通过拖拽调整 PDF 页面中的组件大小和位置。

  2. 若不满意,可选择右上角的 重置,恢复到默认 PDF 视图。

  3. 调整后,选择右上角的 保存,当页面发布后,用户在运行态导出 PDF 时,文件内将是最新保存的 PDF 视图。


dashboard

编辑态设置


你可以从 编辑态设置 中配置仅影响仪表盘页面编辑器的显示属性。


在 页面编辑器中, 选择 编辑态设置 以打开编辑态设置菜单。你可以在 编辑态设置 中进行以下配置:

  • 选中 使用编辑态设置。默认情况下,编辑器与页面共享相同的显示属性,但可以通过使用编辑态设置,专门为编辑器配置样式。

  • 在 页面宽度 输入框中,指定编辑器的页面宽度。

  • 在 页面高度 输入框中,指定编辑器的页面高度。

  • 从 背景色 面板中,为编辑器选择背景色。


备注

页面背景色会覆盖编辑器的背景层。如果已经在 页面设置 中配置 页面背景色,编辑态的背景色将配置无效。