You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
导航

通用样式设置

最近更新时间2023.05.26 19:49:44

首次发布时间2022.07.01 19:58:35

1. 概述

在所有可视化组件中,组件的样式处有相同的部分,即如下所示的部分。此处介绍这些通用样式的功能说明和用法。

2. 功能介绍

(1)位置与宽高

  • 最上方的X、Y表示该组件在画布中的相对位置

  • W、H 表示该组件的宽度和高度;右侧的锁表示锁定宽高比例,当选择锁定时,改变组件大小尺寸将不会出现宽高比例变化,效果等同于按住 shift改变尺寸。


(2)不透明度
左右拖拽可以调整组件的不透明度,0%表示完全透明,100%则完全不透明。

(3)标记
每个组件点击使用之后,都默认有一个标记。

由于大屏支持多个页面,页面之间可以进行切换展示,为了实现页面之间的连贯性,可以通过标记来实现不同页面中相同标记的补间动画,操作和实现效果如下视频所示。


(4)超出区块部分不显示
组件有一个矩形区域的尺寸框,勾选则内容超出部分不显示,否则会显示全内容。

比如如下文本组件:

  • 矩形框足够大内容显示全的情况

  • 矩形框调整,组件勾选「超出区块部分不显示」

  • 矩形框调整,组件不勾选「超出区块部分不显示」

3. 快速复制技巧

3.1 组件复制功能

在大屏之间、页面之间、重复器、标签页、轮播器页面之间都可以对相同组件进行复制,直接在被复制组件上选择复制(Crtl+C操作)然后在目标编辑页内选择粘贴(Crtl+V操作)即可,该功能对大部分组件生效,少部分有事件交互的组件不生效。

3.2 快速引用可视化查询图表

如果场景中有复杂分析,通过大屏的数据图表组件功能无法实现,可以先完成可视化查询分析,之后在大屏中直接复制URL即可引用。

  • 在可视化查询中创建分析图表

  • 完成可视化查询的图表与分析之后,点击URL

  • 在大屏的编辑画布中直接复制

需要注意:

  • 此功能是将图表当时的请求做了快照存储在大屏内,意味着后续分析条件更新后大屏的分析并不会更新;但是数据会保持实时更新。此来保证大屏功能的独立性与表现安全。

  • 这个功能是基于请求ID的,如果在可视化查询中做了无需更新查询ID的操作,例如更改字段的别名,虽然图表表现更新了,但URL上的ID没有变化,此时需要在可视化查询中手动点击下“查询”发起请求请手动触发下请求。

  • 在大屏中并不存在的图表类型可以粘贴到大屏,但粘贴后将无法进行样式配置。