[]
        
(Showing Draft Content)

组件基本操作

仪表板的设计过程基本是通过组件操作来完成的,本节首先为您介绍组件相关的基本操作,使您对组件有一个初步的认识。

添加组件

在设计器内单击数据可视化按钮展开图表列表,然后选中一个组件并拖拽至编辑区,即可添加一个组件。

image2022-1-17_13-51-10.png

组件多选

支持两种方式多选:

  • 一是 Ctrl键+鼠标单击。

  • 二是 鼠标拖动框选。

选取多个组件后,在属性设置面板中可以设置其共同属性。

调整组件位置

选中组件(单选或多选),将选中的组件拖拽到目标位置并释放鼠标,调整可视化组件的位置。

对于多选,如果目标位置无法放置所选的所有可视化组件,释放鼠标将无法放置到目标位置。

image2019-12-10_14-12-40.png

使用键盘方向键移动组件

仪表板中支持通过键盘的方向键移动组件。移动时支持以单元格为单位或像素为单位进行移动。

当设计器中开启了“ 对齐到网格 ”功能,则按网格为单位进行移动;

关闭“ 对齐到网格 ”功能后,则以像素为单位进行移动。

image2020-12-11_9-49-57.png

多组件组合

我们在设计仪表板时,经常需要使用多个组件来完成同一个分析场景的展示。此时您可以将多个组件进行组合,从而形成一个整体更方便后续的操作。

具体操作方法为:

通过鼠标框选,或者键盘CTRL + 鼠标单击的方法选择多个组件,然后在任意组件上鼠标右单击,然后选择“ 组合 ”(快捷键为 CTRL+G),即可将组件组合。

image2021-3-1_16-26-35.png


选中组合中的组件: 组合之后,单击组合中的任意组件即可选中该组合,再次单击组件即可选中组合中的组件。

image2021-3-1_17-6-17.png

组合之后,您可以对这个组合整体进行移动,缩放,与其他组件交互位置。

也可以作为一个整体,通过 URL 和 DIV 集成到其他应用程序中。

image2021-3-1_16-58-31.png

取消组合: 选中组合后,鼠标右单击,选择取消组合(或使用快捷键 SHIFT+CTRL+G )即可取消组合。

image2021-3-1_17-7-26.png

组件互换位置

选中两个组件(可通过按住 CTRL 键进行多选),右单击鼠标,然后选择互换位置即可快速将两个组件的位置进行交换。

image2021-2-26_17-31-39.png

复制、剪切、粘贴及删除组件

选中组件(单选或多选),单击鼠标右键即可选择对应操作。

也可以使用键盘快捷键进行操作:Ctrl+C→复制;Ctrl+X→剪切,Ctrl+V→粘贴,Delete键→删除。

另外,单选组件时,也可单击所选组件右上角的删除图标来删除组件。

image2020-5-11_15-2-18.png

聚焦组件

单击组件右上角的聚焦按钮即可进入组件的聚焦状态。

image2020-5-11_15-2-44.png

聚焦”顾名思义,即将焦点聚集到某一个组件上,单独对该组件进行设置和分析。聚焦后整个编辑区仅显示当前聚焦组件。

单击组件右上角恢复按钮即可退出聚焦状态。

image2020-2-12_11-3-22.png

组件复用

组件复用 是指在创建仪表板时可直接复用之前已经完成的仪表板中的组件,并且保持原组件一定的属性和数据设定。从而帮助我们提高工作效率。

在仪表板设计器中单击侧边栏的组件库按钮,展开组件库。

image2021-9-7_11-41-58.png

接下来您可以直接搜索仪表板名称,或者展开文档分类来查找需要的仪表板。然后展开仪表板查看组件。

这里仅显示了当前用户具有读取权限的仪表板。

image2021-9-7_11-48-12.png

组件库支持三种查看模式。

image2021-9-7_11-54-44.png

  • 默认:直接显示仪表板中的所有组件,容器和组合。

  • 单组件:显示所有单个组件并将组合或容器中的组件拆分为单个组件显示。

  • 组合:仅显示组件组合。

  • 容器:仅显示容器以及容器中的组件。

接下来,通过拖拽的方式可将组件,组合或容器添加到新的仪表板中,也即完成复用。

复用之后的组件保留原来所有内容和选项,如外观、标题、数据绑定、属性设置(不包含定时刷新的设定)、数据探索(如排序)等设置。

并且复用的之后即成为一个独立的组件,可以再次修改编辑,均不会影响原组件。

注意

复用组件时不可复用原仪表板中对上下文信息的使用。

复用组件.gif