页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。




功能入口

入口1:分析展现界面选择大屏可视化;

Image Removed

入口2:分析展现目录-更多-新建-大屏可视化;

Image Removed

入口3:导航栏点击新建-选择大屏可视化;

Image Removed

界面介绍

大屏可视化编辑界面如下:

Image Removed

注意

大屏可视化除布局排列鹰眼功能外,其他功能使用和自助仪表盘一致,详情可参考大屏可视化-功能索引

布局

大屏可视化布局包括设置宽、高以及缩放方式等。

Image Removed

缩放方式

自由布局支持设置缩放方式,四种缩放方式详细说明如下:

缩放方式

效果

等比缩放宽度铺满

定义宽度铺满全屏,高度按比列自动缩放。

说明:

(1)当高度小于屏幕,则垂直居中显示,出现上下两边留白。

(2)当高度大于屏幕,出现垂直滚动条。

Image Removed

  等比缩放高度铺满

定义:高度铺满全屏,宽度按比列自动缩放。

说明:

(1)当宽度小于屏幕,则水平居中显示,出现左右两边留白。

(2)当宽度大于屏幕,出现水平滚动条。

Image Removed

全屏铺满

定义:不保持高宽比例,按当前屏幕大小显示全部内容。

Image Removed

不缩放

定义:保持画布原先的大小。

注意

目前手机端暂不支持缩放。

图形渲染器

支持设置图形渲染方式。两种渲染方式:

  • SVG:一种使用XML描述2D图像的语言。文本渲染能力强,刷新能力弱。适用于大区域渲染程序,比如高保真图形、带有某些特效的静态图像。
  • Canvas:HTML5新增的DOM,提供了像素级图形编程接口。文本渲染能力弱,刷新能力强。适用于图像密集型编程。比如高性能图形、复杂场景的实时动画。

排列

在大屏可视化下,通过Ctrl键选择两个或两个以上的组件,进行批量排列设置。

Image Removed

排列各设置项说明如下:

设置项说明置于顶层用于设置多个组件置于顶层。置于底层用于设置多个组件置于底层。上移一层用于将多个组件上移一层。下移一层用于将多个组件下移一层。组件对齐左对齐用于将多个组件左对齐。水平居中对齐用于将多个组件水平居中对齐。右对齐用于将多个组件右对齐。顶端对齐用于将多个组件顶端对齐。垂直居中对齐用于将多个组件垂直居中对齐。底端对齐用于将多个组件底端对齐。中心对齐用于将多个组件中心对齐。组件分布水平平均分布用于设置多个组件水平间隔一致。垂直平均分布用于设置多个组件垂直间隔一致。匹配大小等高用于设置多个组件高度一致,都调整成最高组件的值。等宽用于设置多个组件宽度一致,都调整成最宽组件的值。等宽高用于设置多个组件宽高一致,都调整成最宽组件的的宽值和最高组件的高值。自定义用于自定义多个组件的宽高,默认显示第一个组件的宽高值。组合用于将多个组件组合。取消组合用于取消多个组件的组合。剪切组合对组件组合进行剪切操作复制组合对组件组合进行复制操作粘贴将剪切/复制的组件组合在鼠标悬停的位置进行粘贴
注意

大屏可视化组件“组合”的更多介绍可参考文档组件组合

鹰眼

鹰眼用于在大屏可视化下通过缩放的方式来查看自助仪表盘的全景图,以便用户从全景的角度对自助仪表盘进行调整。

Image Removed

鹰眼主要包括以下功能:

功能

说明

缩小缩小画布百分比显示画布当前缩放的百分比,双击可修改具体数值放大放大画布画布还原至100%将画布比例还原到100%画布缩放到最佳位置(默认)

将画布调整到最佳大小(刚好能完整显示画布)

信息

以下功能为V10.5版本功能

鹰眼功能

可开启或关闭鹰眼(默认开启)

点击或移动鹰眼镜头,画布进行相应位置变化

Image Removed

注意

画布大小缩放是以百分比来设置的,其范围最大值为500%,最小值为25%。

信息

在自由布局模式下,提供了一些键盘的快捷键如下:

  • 方向键(上下左右)或 Ctrl+方向键(上下左右):组件向选择的方向移动5px;
  • Shift+方向键(上下左右):组件向选择的方向移动1px;
  • 鼠标拖动组件+Ctrl:组件会生成标线,可用于对齐组件的位置。如果拖拽到另一个组件附近并松开鼠标,组件会自动吸附并对齐到另一个组件上;
  • Ctrl+鼠标滚轮:可对画布进行放大、缩小。

    Image Removed

    注意

    以下功能为V10.5版本功能

    辅助参考线

    Smartbi大屏可视化在画布中提供了辅助参考线的功能,可实现组件精准定位;使用方法如下:

    (1)添加横向辅助线

    鼠标放至纵向标尺区刻度,点击鼠标左键,可添加横向辅助线

    (2)添加纵向辅助线

    鼠标放至横向标尺区刻度,点击鼠标左键,可添加纵向辅助线

    (3)移动辅助线

    移至标尺刻度区,出现图标Image Removed后,可移动辅助参考线

    (4)删除辅助线

    移至标尺刻度区,出现图标Image Removed后,可右键删除辅助线

    Image Removed

    注意事项

    (1)保存仪表盘时,辅助参考线不会保存;

    (2)辅助参考线的移动与删除需在标尺区域操作;

    网格

    大屏可视化布局中,点击“网格线”,画布区背景显示网格效果,实现精准定位;

    Image Removed

    智能参考线

    组件在移动或调整大小过程中,通过智能参考线能够快速和参考组件对齐(单边对齐、居中对齐、双边对齐)

    类型效果对齐单边对齐Image Removed
    居中对齐双边对齐大小参考同高

    Image Removed

    同宽Image Removed
    注意

    在2022年7月16日发布的V10.5.8版本中,“交互式仪表盘”涵盖自助仪表盘、大屏可视化功能。

    功能入口

    入口1:分析展现界面>交互式仪表盘>选择自由布局;

    Image Added

    入口2:分析展现目录>更多>新建>交互式仪表盘>自由布局;

    Image Added

    入口3:导航栏点击新建>交互式仪表盘>选择自由布局;

    Image Added

    界面介绍

    自由布局编辑界面如下:

    Image Added


    区域说明参考章节
    数据区数据区是自由布局选择数据来源后,展示所选数据来源下可供选择的维度、指标、参数等大屏可视化-数据区

    主题区

    主题区用于对自由布局的样式进行设计大屏可视化-主题区
    图层区展示自由布局的组件结构大屏可视化-图层区
    组件集合了常用的组件及样式菜单,通过“组件”,可拖入所需类型的组件至展现区大屏可视化-组件
    行列区行列区用于展示构成组件的数据,并支持设置字段的行列结构和属性大屏可视化-行列区
    筛选区拖入“维度”或“指标”字段至筛选区,可生成字段筛选器大屏可视化-筛选区
    标记区可定义图形的形状、颜色、标签、提示等图形属性大屏可视化-标记区
    展现区仪表盘效果展现的区域
    页面工具栏从左至右集合了:撤销、恢复、刷新、保存、预览、操作、设置大屏可视化-页面工具栏
    页面操作可对资源进行分享、收藏、评论和点赞操作


    注意

    更多功能介绍可参考大屏可视化-功能索引