全局配置

全局配置信息用于统一管理和控制整个大屏显示效果、主题、背景等相关信息。

基础属性

• 名称： 可视化大屏名称，支持修改名称长度控制在50字以内。

• 编码： 可视化大屏编码，不允许修改且不能重复。

• 屏幕尺寸：提供常用的网页/电视、平板的各种尺寸供用户选择，也可以自定义屏幕的宽、高，单位为px。点击屏幕尺寸可快速选择内置的预设分辨率。固定尺寸大屏

• 主题： 用于图表主题颜色及样式。点击主题将打开主题库，可选择、上传主题。

• 背景： 点击背景可选择图片，图片地址和颜色三种类型背景。

  • 图片选择： 点击图片将打开素材库，可选择、上传背景图片。

  • 图片地址： 图片地址可以是 http:// 或者 https:// 开头的外网的地址，也可以是项目本地的图片路径，例如 ./static/template/TJ1//bg.png 。

  • 颜色选择： 背景设置为纯色背景。

• 缩放方式： 根据可视化大屏展示的屏幕尺寸，选择合适的缩放方式。若可视化大屏为非标准屏幕尺寸，建议使用全屏铺满模式。固定尺寸大屏

  • 1:1： 按照设置的宽高显示大屏，若显示大屏物理分辨率小于大屏设置的宽高则出现滚动条。

  • 全屏铺满： 大屏根据显示器物理分辨率铺满不出现滚动条。

  • 等比缩放宽度铺满： 大屏根据显示器物理分辨率横向铺满不出现水平滚动条，可能出现垂直滚动条。

  • 等比缩放高度铺满： 大屏根据显示器物理分辨率纵向铺满不出现垂直滚动条，可能出现水平滚动条。

• 序号： 可视化大屏的序号，可用于在大屏管理页面排序。

• 缩略图：

  • 将画布中设计好的可视化大屏保存为图片，用于在设计中心大屏列表中展示。保存大屏时会自动截取缩略图，还允许手动点击截取封面按钮截取缩略图。

  • 支持上传缩略图。 3.0+

全局样式

用于图表、文字等组件的全局样式。

1. 点击大屏配置中 编辑样式，在打开的编辑器中输入样式。

• 全局样式中的CSS样式的名称为驼峰命名法，中间没有-。

{
  "ratio": {
    "align": "center",
    "fontSize": "50px",
    "padding": [
      10,
      10
    ]
  },
  "title": {
    "backgroundImage": "linear-gradient(to right, orange, purple)",
    "backgroundClip": "text",
    "color": "transparent!important"
  }
}

2. 使用方法

• 图表类组件，以环形饼图为例

  选中 环形饼图 组件，进入配置区域属性 -> 系列 -> 普通状态 -> 文本标签，在 内容格式器 输入框中输入

  {ratio|{b}}

• 文字类组件，以通用标题为例

  选中 通用标题 组件，进入配置区域数据面板，点击在编辑框中输入

  {title|{0}}

变量池 4.3+

变量池用于管理当前大屏涉及的交互变量。交互变量可以用于控制组件之间参数的传递，实现复杂功能，例如图表联动、数据响应等功能。

1. 新建变量

在大屏配置中点击 编辑变量 弹出变量管理面板，点击面板中变量列表最右侧按钮①进行添加变量。

• 名称: 变量的名称，只能由数字、字母、下划线组成，开头必须是字母。

• 默认值: 变量初始化的值。点击默认值后的按钮②修改变量类型

• 描述: 对变量的说明。

2. 删除变量

点击变量后的按钮③对当前变量进行删除，已使用的变量无法删除。