如何创建大屏

本文介绍了如何在河图平台创建数据可视化大屏。河图支持三种创建方式：固定尺寸大屏、响应式栅格大屏和使用模版创建大屏。文章详细说明了每种方式的特点、创建步骤以及操作方法，帮助用户根据实际需求选择合适的创建方式。

固定尺寸大屏

一般用于显示屏幕的尺寸固定的大屏。

一、新建大屏入口

• 从大屏管理页进入：

  1. 点击河图首页数据可视化模块，进入大屏页面。

  

  2. 点击大屏管理页右上角的新建按钮打开新建空白大屏。

• 从快速创建进入：

  1. 点击河图首页左侧边栏的我的内容，进入我的内容。

  

  2. 点击快速创建下的可视化图标打开新建空白大屏。

二、新建空白大屏

打开新建大屏页面，输入名称、编码等信息，点击创建完成新建。

• 名称：大屏名称，用于区分大屏。

• 编码：大屏编码，只能由字母/数字/下划线组成，不能重复。

• 类型：大屏类型，分为固定尺寸大屏和响应式栅格大屏。

• 屏幕尺寸：按照屏幕的实际尺寸设置大屏的宽高，单位为像素。

• 序号：用于管理页面排序。

三、进入大屏设计器，添加组件

从左侧的组件列表中拖拽添加组件到画布中，选中组件，在右侧属性面板中设置组件属性。

四、保存、预览、发布大屏

响应式栅格大屏

响应式栅格大屏是一种灵活的大屏设计方案，它能够自动适应不同尺寸的显示设备。主要特点包括：

• 自适应布局：根据屏幕尺寸自动调整内容布局。

• 栅格系统：采用网格化的布局方式，便于组件对齐和排列。

• 多终端兼容：同一个大屏可以在 PC、平板、大屏幕等多种设备上正常显示。

一、新建大屏入口

• 从大屏管理页进入：

  1. 点击河图首页数据可视化模块，进入大屏页面。

  

  2. 点击大屏管理页右上角的新建按钮打开新建空白大屏。

• 从快速创建进入：

  1. 点击河图首页左侧边栏的我的内容，进入我的内容。

  

  2. 点击快速创建下的可视化图标打开新建空白大屏。

二、新建空白大屏

打开新建大屏页面，输入名称、编码等信息，选择栅格大屏，点击创建完成新建。

三、进入大屏设计器，添加组件

从左侧的组件列表中的布局容器中添加容器到画布中，拖拽组件到容器中，选中组件，在右侧属性面板中设置组件属性。

四、画布操作

选中画布中的容器，可以改变宽度、高度。拖拽组件可以改变位置及替换组件。

五、保存、预览、发布大屏

使用模版创建大屏

河图官方提供了多种模版供用户使用，用户可以基于模版创建大屏。

一、新建大屏入口

• 从大屏管理页进入：

  1. 点击河图首页数据可视化模块，进入大屏页面。

  

  2. 点击大屏管理页右上角的新建按钮打开新建空白大屏。

• 从快速创建进入：

  1. 点击河图首页左侧边栏的我的内容，进入我的内容。

  

  2. 点击快速创建下的可视化图标打开新建空白大屏。

二、选择模版创建

从已发布的模版中选择要复制的模版，点击复制，在弹出的文本框中输入大屏名称，点击确认按钮。

三、进入设计器

完成模版创建，可以进行大屏的修改，预览，发布。