华为云用户手册

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 词云卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式，支持左对齐、右对齐和居中。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上、左、右三个边界之间的距离，下为标题与图表之间的距离，单位默认px。 图4 词云内边距 标题偏移：组件标题与词云图表之间的偏移量。 图5 词云标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题 显示图表标题：是否显示图表标题，默认为隐藏。 标题获取：设置标题获取方式，支持自定义和从系列名获取。 标题内容：“标题获取”设置为“自定义”时，可自定义标题的内容。 标题位置(上%)：设置标题距离组件上边界的距离。 标题位置(左%)：“标题获取”设置为“自定义”时，支持设置标题距离组件左边界的距离。 字体：设置标题字体、大小和颜色。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 路由导航(示例)卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

配置 在配置中，设置组件的页签样式、导航页签和默认路由。 图4 路由导航(示例)配置 页签样式统一配置 页签方向：设置页签的显示方向，如水平方向、垂直方向。 位置：设置页签的位置，支持默认和自定义两种方式。 快捷设置：设置页签的显示位置，如居左、居右或居中。“位置”设置为“默认”时，才显示该配置。 上间距(%)：设置页签距离组件上边界的距离。“位置”设置为“自定义”时，才显示该配置。 左间距(%)：设置页签距离组件左边界的距离。“位置”设置为“自定义”时，才显示该配置。 导航页签：在导航页签，可删除或新增路由，也可对路由进行如下设置。 页签内容：设置当前路由页签的显示内容。 页签路由：选择当前路由页签关联的页面，只能选择已发布的页面。 默认文字：设置路由页签默认文字的字体、颜色和大小等。 默认样式：设置路由的默认样式，支持设置为颜色和自定义。 悬浮文字：设置鼠标悬浮在路由上时，页签内容的字体、大小和颜色等。 悬浮样式：鼠标悬浮在路由上时，路由显示的样式，支持设置为颜色和自定义。 点击文字：设置单击路由时，页签内容的字体、大小和颜色等。 点击样式：设置单击路由时的样式，支持设置为颜色和自定义。 默认路由：进入路由导航时，默认显示的页面。

添加组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，按照组件分类，查找到对应组件。 您也可以在搜索框中，输入所需的组件（如图1），或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中 组件添加成功后，会自动展示在画布中。您可以通过拖拽组件边框，调整组件的大小，也可以参考拖拽组件中操作，调整组件的位置。

坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。 图8 雷达图坐标轴 基本信息 半径：设置图表的半径。 横坐标(%)：设置图表的横坐标。 纵坐标(%)：设置图表的纵坐标。 绘制类型：设置图表绘制类型，支持多边形和圆形。 指示器名称 显示名称：是否显示名称。 文字风格：设置名称显示风格，支持正常、斜体和倾斜体。 字体：设置名称的字体、大小和颜色等。 指示器名称与指示器轴的距离：设置指示器名称与指示器轴之间的距离。 轴分割段数：设置轴分割段数。 分割线 显示分割线：是否显示分割线。 颜色设置：设置分割线颜色，单击“新增颜色设置”，可添加新的颜色。 分割区域 显示分割区域：是否显示分割区域。 颜色设置：设置分割区域颜色。 坐标轴轴线 显示轴线：是否显示轴线。 轴线颜色：设置轴线颜色。 数据系列 名称：系列的名称。 最大值：设置系列的最大值。 最小值：设置系列的最小值。 颜色：设置系列颜色。

图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图6 雷达图图例 显示图例：是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例选择模式：设置图例选择模式，支持单个和多个。 小图标：设置图例小图标样式，如圆形、矩形、三角形等。 图列排列：设置图例的排列样式，如水平、垂直。 图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 位置选择：设置图例的显示位置，支持左、右和居中显示。 图例间隔：设置图例之间的间隔。 字体：设置小图标的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 文字风格：设置小图标文字的风格，支持设置为正常、斜体和倾斜体。 图例类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。 翻页按钮：翻页按钮的颜色。 翻页按钮不激活：翻页按钮不激活时的颜色。 自定义图例显示：开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。

图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 雷达图图形 颜色：设置图表中，图形的颜色。 统一配置 标记图形：设置标记的图形，如圆形、矩形等。 标记大小：设置标记的大小。 折线宽度：设置折线的宽度。 折线类型：设置折线类型，如实线、虚线等。 数据标签：是否显示数据标签，支持设置标签的字体、大小、颜色。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 标记图形：设置标记的图形，支持无、圆形、矩形和圆角矩形。 标记大小：设置标记的大小。 折线拐点标志颜色：设置折线拐点的标志颜色。 折线宽度：设置折线宽度。 折线类型：设置折线类型，支持实线、点线和虚线。 折线不透明度：设置折线的不透明度。 折线颜色：设置折线颜色。 区域填充不透明度：设置区域填充的不透明度。 区域填充颜色：设置区域填充颜色。 数据标签：是否显示标签。设置为显示时，支持设置标签的字体、颜色和大小等。

页面数据来源介绍 组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，相关配置请参见桥接器预置。 静态数据 选择该方式时，页面会获取“输入数据”中的静态数据展示在页面上，详情请参见静态数据。 华为云Astro大屏应用已预置了静态数据，如果需要自定义静态数据，请重置数据。 数据集 选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 不是所有的组件都支持数据源设置，组件开发时的属性配置代码中添加“dataSetting”相关配置时，才支持数据源设置。例如“基本柱图”组件的“BarChart_Widget.editor.js”中定义代码如下： propertiesConfig: [ {config: [ { "type": "connectorV2", "name": "BarOrLineChartDataConnector", "label": "BarOrLineChartDataConnector", "model": "SingleRepireDataViewModel", "value": "" }, { "type": "dataSetting", "mapping": { "x": { "type": "category", "label": "x", "required": true }, "y": { "type": "value", "label": "y", "required": true }, "s": { "label": "s", "series": [ { "type": "", "label": "", "required": false } ] } }, "mock": {}, "model": "SingleRepireDataViewModel" } ] }], 页面数据集：通过页面数据集，可实现多个组件对接同一个数据输入，从而减少重复的请求和配置。更多介绍，请参见页面数据集。 数据源 支持直接从数据源（关系型数据库、Roma连接器、 DLI 和DWS等），获取数据来展示在页面上。更多介绍，请参见其他数据源。 父主题： 数据接入

配置 在配置中，设置组件的样式、颜色和对齐方式。 图4 复选框配置 样式设置：设置勾选框的样式，支持圆角、方形和圆形。 颜色设置 字体颜色：未选中状态下，选项字体的颜色。 背景颜色：选项背景的颜色。 选中态背景颜色：选中状态下，选择框背景的颜色。 边框颜色：未选中状态下，选择框边框的颜色。 边框聚焦颜色：鼠标选中选择框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在选择框上时，边框的颜色。 不可用边框色：不可选的选择框边框颜色。 不可用背景色：不可选的选择框背景色。 不可用字体颜色：不可选的选项字体颜色。 选中态字体颜色：选中状态下，选项字体的颜色。 对齐设置 放大倍数：组件发布后，选择框在页面占位相对于开发态中放大的倍数。在大屏页面中，放大倍数建议设置大一些。 右边距：选择框相对于组件右边框的距离。 上边距：选择框相对于组件上边框的距离。 全选：是否显示全选框。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 通用表格图形 统一配置 表头行高占比(%)：设置表头的行高占比。 背景色：设置表头背景色。 对齐方式：设置表头对齐方式。 表头字体：设置表头的字体、大小和颜色等。 内容字体：设置表格内容的字体、大小和颜色等。 开启表头换行：是否开启表头换行。 排序：是否开启表头排序。开启后，单击图标，可对表头进行排序。 数据系列 列数据键值：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值。 列名：自定义图表中数据系列的显示名称。 列宽占比：设置该数据系列的列宽占比。 背景色：设置该数据系列的背景色。 对齐方式：设置该数据系列中数据的对齐方式，如水平居中、左侧等。 字体：设置数据系列中数据的字体、颜色和大小等。 表头字体：设置表头的字体、颜色和大小等。 排序：是否开启排序功能，开启后支持设置图标背景颜色、悬浮时的背景颜色和选中时的背景颜色等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 复选框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图2 自定义背景框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 参考模板：系统预置的组件样式模板。 背景颜色 显示背景颜色：显示或隐藏背景颜色。 颜色类型：设置背景颜色类型，支持单一色和渐变色。设置为“单一色”时，支持设置背景颜色。设置为“渐变色”时，支持设置渐变类型和渐变方向等。 渐变类型：设置渐变的类型，如线性渐变、径向渐变和自定义输入。 渐变方向：设置颜色的渐变方向，如向上、向下、向右等。“渐变类型”设置为“线性渐变”时，才需要设置此参数。 颜色1：自定义渐变颜色1。“渐变类型”设置为“线性渐变”或“径向渐变”时，才需要设置此参数。 颜色2：自定义渐变颜色2。“渐变类型”设置为“线性渐变”或“径向渐变”时，才需要设置此参数。 CSS background属性：通过 CS S样式语言，来定义背景颜色。“渐变类型”设置为“自定义输入”时，才需要设置此参数。 阴影设置 开启阴影：是否开启阴影。 阴影方向：设置阴影方向，支持内部阴影、外部阴影和自定义阴影。 阴影颜色：设置阴影的颜色。 水平偏移：设置阴影水平偏移量，单位px。 垂直偏移：设置阴影垂直偏移量，单位px。 模糊半径：设置模糊半径，单位px。 扩散半径：设置扩散半径，单位px。 边框设置 粗细：设置边框的粗细，单位px。 颜色：设置边框的颜色。 类型：设置边框的线类型，支持实线、虚线、点线等。 圆角：是否开启边框圆角。开启后，支持设置圆角半径和位置。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 通用表格卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题设置 是否展示：是否显示组件标题。 标题内容：输入标题内容。 标题行高度：设置标题的行高，单位px。 背景色：设置标题背景色。 文本位置：设置标题中文本位置，支持居中、靠左、靠右或自定义。 字体：设置标题的字体、大小和颜色等。

配置 在配置中，设置组件的全局样式、表头设置、行、系列号等。 图4 通用表格配置 全局样式 表格行数：当前页显示多少行数据。 背景色：设置表格的背景颜色。 轮播：表格是否轮播。设置为“是”时，支持设置单行是否停顿、轮播速度和单行停顿时间。 横向滚动：是否开启横向滚动。 行配置 奇行背景色：设置奇数行数据的背景颜色。 偶行背景色：设置偶数行数据的背景颜色。 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 序列号：表格中序列号设置。 是否展示：表格中是否显示序列号。 序列号：设置序列号的名称。 列宽占比(%)：设置序列号在表格中的列宽占比。 对齐方式：设置序列号对齐方式，如水平居中、居左和居右。 背景色：设置序列号的背景颜色。 半径：设置序列号的半径。 圆角：设置序列号圆角，0为直角。 字体：设置序列号的字体、大小和颜色等。 分页 是否启动：表格是否分页显示，分页模式下轮播无效。 行高：设置分页的行高，单位px。 单页数量：设置每页显示数据条数，以“,”隔开。 文本位置：设置分页文本显示位置，支持靠左、靠右和居中显示。 背景色：设置分页背景颜色。 字体：设置分页的字体、大小和颜色等。 选中字体颜色：设置选中分页时文本的颜色。 分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。 树状表格 懒加载：开启懒加载，必须配置全局变量和交互事件。 展开层级：设置树状表格展开层级。 新增条件格式：单击“新增条件格式”，可增加条件格式。 例如，该组件预置的静态数据如图5所示。期望“series”为“白名单”的“amount”数值标红，参考图6，单击组件上方图标，单击“+ 新增条件格式”，设置条件和响应数据列的样式。 图5 预置数据 图6 新增条件格式

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 标题卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

配置 在配置中，可对文本的内容进行设置，如输入具体内容、设置内容字体、大小和颜色等。 图4 标题配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。 对齐方式：设置文本内容对齐方式，支持左对齐、居中和右对齐。 问号提示 问号提示：是否显示问号提示。 提示文本：输入问号提示的文本信息。 问号大小：设置问号图标的大小。 问号颜色：设置问号图标的背景颜色。 气泡位置：设置问号提示气泡的位置，如左边、右边、正上方等。 图5 气泡位置 提示背景：设置问号提示气泡的背景颜色，如深色、浅色。

配置 在配置中，设置日历组件当月默认状态、选中状态、日历卡片、头部等。 图4 日历组件配置 当月默认状态/选中状态/前月和下月状态/数据系列4...... 对应的状态码，系统默认有如下几个状态，每个状态有对应的状态码来标识。 当月默认状态：状态码为“0”。 选中状态：状态码为“1”。 前月和下月状态：状态码为“2”。 状态4/5/6/7：其他状态，每种状态可对应日历上的待办事项或者重要内容等。 该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。 日期块的高度：设置每个日期块的高度。 日期块对齐方式：设置日期块的对齐方式，如左对齐、右对齐、居中。 日历头部 年月字体：设置日历头部年月字体、文字大小、年月文字颜色等。 快捷按钮字体：设置日历头部右侧快捷按钮字体、字体大小和颜色等。 快捷按钮背景色：设置日历头部右侧快捷按钮的背景色。 星期字体：设置日历头部星期的字体、文字大小、文字颜色等。

配置 在配置中，对下拉选择框和下拉弹出框进行设置。 图4 下拉选择框配置 下拉选择框设置 开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。 字体颜色：设置下拉弹出框中字体的颜色。 选中态背景颜色：设置选中某项内容时，背景的颜色。 选中态字体颜色：设置选中某项内容时，字体的颜色。 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 下拉选择框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

静态数据 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“静态数据”。 图1 选择静态数据 根据业务需求自定义静态数据，也可直接使用系统预置的数据，单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。 执行导入操作前，请单击“？”，查看当前组件对静态数据字段的要求。例如，玫瑰花饼图要求静态数据必须存在“s”和“value”字段列。如果不存在，右侧的“图表预览”将无法正常渲染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据集”，可将当前使用的静态数据保存为数据集。 图4 将静态数据保存为数据集 在弹出的提示页面，如果单击“确定”，可将当前组件的“数据类型”修改为静态数据保存后的数据集。 图5 将组件数据替换为数据集

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 日期选择器卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。

配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 日期选择器配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体：输入框中字体的大小、颜色等设置。 输入框背景颜色：设置输入框背景颜色。 边框颜色：设置输入框边框的颜色。 边框聚焦颜色：设置鼠标选中输入框时，边框的颜色。 边框悬浮颜色：设置鼠标悬浮在输入框上时，边框的颜色。 输入框内容设置 选择范围时的分隔符：选择日期范围时，中间的分隔符，一般使用“-”。 范围选择时开始日期的占位内容：开始日期输入框中没有选择具体日期时，显示的文字内容。 范围选择时结束日期的占位内容：结束日期输入框中没有选择具体日期时，显示的文字内容。 非范围选择时的占位内容：不是日期范围选择时，显示的文字内容。 日期弹出框设置 放大倍数：组件发布后，日期弹出框在页面占位相对于开发态中放大的倍数。在大屏页面中，放大倍数建议设置大一些。 背景颜色：设置日期弹出框的背景颜色。 选中态背景颜色：日期弹出框中，选中状态日期的背景颜色。 选中态字体颜色：日期弹出框中，选中状态日期的字体颜色。 前月后月的日期颜色：日期弹出框中，上个月日期和下个月日期的日期颜色。 选择范围的背景色：日期弹出框中，处于选择范围内日期的背景色。 日期弹出框内星期时间设置 星期背景色：日期弹出框内，星期几的背景色。 星期的字体颜色：日期弹出框内，星期几的字体颜色。 时间背景色：日期弹出框内，时间的背景色。 时间的字体颜色：日期弹出框内，时间的字体颜色。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 步骤条图形 步骤条方向：步骤条显示方向，可以设置为水平方向或垂直方向。 步骤图标尺寸：步骤图标的尺寸，单位为px。 步骤图标背景：步骤图标的背景色。 完成状态：步骤已完成状态的颜色。 进行中状态：步骤进行中状态的颜色。 等待状态：步骤还未完成处于等待状态的颜色。 标签字体：设置步骤标签的字体、大小和颜色等。 描述文字字体：当步骤有描述文字时，描述文字的字体、大小等设置。 标题左边距：步骤标签距离该图标左边的距离。

轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。 切换方式：设置图片切换方式，如淡出、推出、展示等。 自动播放 自动轮播：设置轮播方式，支持手动和自动。 间隔时间：设置轮播的间隔时间，不大于24秒。 定位显示 定位标志：是否显示定位标志。 标志选择：选择标志样式，如点、线等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 搜索框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。

坐标轴 在坐标轴中，设置图表的x轴和y轴，如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图6 热力图坐标轴 x轴 X轴：是否显示X轴。 坐标轴分割段数：设置坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 最小值：设置坐标轴的最小值。 最大值：设置坐标轴的最大值。 刻度标签旋转的角度：控制刻度标签的旋转，在文字过长时可以避免重叠。 轴线显示：控制是否显示轴线。 刻度显示：控制是否显示刻度。 线的颜色：轴线的颜色。 标签显示：是否显示刻度标签。打开后需要设置刻度标签字体、字体颜色、大小、粗细。 刻度标签字体：刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示：是否显示轴网格线、轴网格线的类型和颜色设置。 y轴 Y轴：是否显示Y轴。 最小值：设置坐标轴的最小值。 最大值：设置坐标轴的最大值。 轴线显示：控制是否显示轴线。 刻度显示：控制是否显示刻度。 线的颜色：轴线的颜色。 标签显示：是否显示刻度标签。打开后需要设置刻度标签字体、字体颜色、大小、粗细。 刻度标签字体：刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示：是否显示轴网格线、轴网格线的类型和颜色设置。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图4 天气卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图3）的距离，默认为0，即铺满整个组件。

配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图5 天气配置 统一配置 是否显示未来天气预测：是否展示未来一周的天气预报。 背景颜色：天气预报的背景颜色。 今日温度 是否显示：是否显示今日温度。 字体：今日温度的字体、大小和颜色等设置。 天气图标 是否显示：是否显示天气图标。 图标大小：天气图标的大小。 图标颜色：天气图标的颜色。 城市名字 是否显示：是否显示城市名字。 字体：城市名字的字体、大小和颜色等设置。 今日天气 是否显示：是否显示今日天气。 字体：今日天气的字体、大小和颜色等设置。 当前星期 是否显示：是否显示当前星期。 字体：今日星期的字体、大小和颜色等设置。 当前日期 是否显示：是否显示当前日期。 字体：今日日期的字体、大小和颜色等设置。 当前时间 是否显示：是否显示当前时间。 字体：当前时间的字体、大小和颜色等设置。 今日其他指标 是否显示：是否显示今日其他天气指标。 字体：今日其他天气指标的字体、大小和颜色等设置。 未来天气图标 是否显示：是否显示未来天气图标。 图标大小：未来天气图标的大小。 图标颜色：未来天气图标的颜色。 未来最高温度 是否显示：是否显示未来几天的最高温度。 字体：未来几天最高温度的字体、大小和颜色等设置。 未来最低温度 是否显示：是否显示未来几天的最低温度。 字体：未来几天最低温度的字体、大小和颜色等设置。 未来星期展示 是否显示：是否显示未来几天星期。 字体：未来几天星期的字体、大小和颜色等设置。 未来日期展示 是否显示：是否显示未来几天的日期。 字体：未来几天日期的字体、大小和颜色等设置。

数据 在数据中，设置天气组件的数据来源，更多介绍请参见数据接入。 图6 设置天气组件数据源 图7 选择桥接器预置-静态数据 静态数据中，“dataNow”对应今日天气，“dataForecast”对应未来几天天气预报。 华为云Astro大屏应用预置了一套漂亮的天气图标，用于在天气组件上使用图标展示天气状况，并用字段“icon”表示今日天气图标，“iconDay”表示未来日期的天气图标。例如取值为“100”，表示晴天，界面会展示天气图标；取值为“307”，表示大雨，界面会展示天气图标。取值和天气的对应关系请参见表1。 表1 图标字段“icon”、“iconDay”的取值和天气对照表 icon/iconDay 取值 天气状况（中文） 天气状况（英文） 100 晴 Sunny 101 多云 Cloudy 102 少云 Few Clouds 103 晴间多云 Partly Cloudy 104 阴 Overcast 150 晴 Clear 153 晴间多云 Partly Cloudy 154 阴 Overcast 300 阵雨 Shower Rain 301 强阵雨 Heavy Shower Rain 302 雷阵雨 Thundershower 303 强雷阵雨 Heavy Thunderstorm 304 雷阵雨伴有冰雹 Thundershower with hail 305 小雨 Light Rain 306 中雨 Moderate Rain 307 大雨 Heavy Rain 308 极端降雨 Extreme Rain 309 毛毛雨/细雨 Drizzle Rain 310 暴雨 Storm 311 大暴雨 Heavy Storm 312 特大暴雨 Severe Storm 313 冻雨 Freezing Rain 314 小到中雨 Light to moderate rain 315 中到大雨 Moderate to heavy rain 316 大到暴雨 Heavy rain to storm 317 暴雨到大暴雨 Storm to heavy storm 318 大暴雨到特大暴雨 Heavy to severe storm 399 雨 Rain 350 阵雨 Shower Rain 351 强阵雨 Heavy Shower Rain 400 小雪 Light Snow 401 中雪 Moderate Snow 402 大雪 Heavy Snow 403 暴雪 Snowstorm 404 雨夹雪 Sleet 405 雨雪天气 Rain And Snow 406 阵雨夹雪 Shower Snow 407 阵雪 Snow Flurry 408 小到中雪 Light to moderate snow 409 中到大雪 Moderate to heavy snow 410 大到暴雪 Heavy snow to snowstorm 499 雪 Snow 456 阵雨夹雪 Shower Snow 457 阵雪 Snow Flurry 500 薄雾 Mist 501 雾 Foggy 502 霾 Haze 503 扬沙 Sand 504 浮尘 Dust 507 沙尘暴 Duststorm 508 强沙尘暴 Sandstorm 509 浓雾 Dense fog 510 强浓雾 Strong fog 511 中度霾 Moderate haze 512 重度霾 Heavy haze 513 严重霾 Severe haze 514 大雾 Heavy fog 515 特强浓雾 Extra heavy fog 900 热 Hot 901 冷 Cold 999 未知 Unknown