华为云用户手册

鉴权方式B 鉴权方式B主要通过Key、timestamp和StreamName计算鉴权串。 鉴权URL格式 原始URL?txSecret=md5(Key + StreamName + txTime)&txTime=hex(timestamp) 表3 鉴权字段描述 字段 描述 txTime 播放URL的有效时间，为Unix时间戳的十六进制结果。 如果当前txTime的值大于当前请求的时间则可以正常播放，否则播放会被后台拒绝。 示例：5eed5888（即2020.06.20 08:30:00） Key 在控制台设置的防盗链Key值，具体请参见开启Key防盗链。 txSecret URL中的加密参数。 通过将key，StreamName，txTime依次拼接的字符串进行MD5加密算法得出。 txSecret = md5（Key + StreamName + txTime） 时长 鉴权URL的有效时间长度。 若txTime设置为当前时间，有效时间设置为1249s，则播放URL过期时间为当前时间+ 1249s。 鉴权URL示例 以生成播放鉴权地址为例，推流鉴权地址的生成与播放鉴权地址的生成同理。 原始URL：http://test-play.example.com/livetest/huawei1.flvKey：GCTbw44s6MPLh4GqgDpnfuFHgy25EnlyStreamName：huawei1txTime：5eed5888时长：1249s 根据计算公式，得到txSecret。 txSecret = md5(GCTbw44s6MPLh4GqgDpnfuFHgy25Enlyhuawei15eed5888) = 5cdc845362c332a4ec3e09ac5d5571d6 则鉴权播放地址为： http://test-play.example.com/livetest/huawei1.flv?txSecret=5cdc845362c332a4ec3e09ac5d5571d6&txTime=5eed5888

鉴权方式A 鉴权方式A主要通过Key、timestamp、rand（随机数）、uid（设置为0）和URL计算鉴权串。 鉴权URL格式 原始URL?auth_key={timestamp}-{rand}-{uid}-{md5hash} md5hash的计算公式： sstring = "{URI}-{Timestamp}-{rand}-{uid}-{Key}"HashValue = md5sum(sstring) 表2 鉴权字段描述 字段 描述 timestamp 用户定义的有效访问时间起始点，值为1970年1月1日以来的当前时间秒数 。十进制或者十六进制整数。 示例：1592639100（即2020-06-20 15:45） 时长 鉴权URL有效的时间长度。 若设置的有效时间为1800s，则用户可在从timestamp开始的1800s内允许访问直播地址。超出该区间，鉴权失败。 示例：若设置的访问时间为2020-6-30 00：00：00，则链接真正失效时间为2020-6-30 00：30：00。 rand 随机数，建议使用UUID，不能包含中划线"-"。 示例：477b3bbc253f467b8def6711128c7bec uid userID。暂未使用，直接设置成0即可。 md5hash 通过md5算法计算出来的验证串，数字0-9和小写英文字母a-z混合组成，固定长度32。 sstring = "{URI}-{Timestamp}-{rand}-{uid}-{Key}"HashValue = md5sum(sstring) URI 指原始URL中从 域名 后开始到最后的路径。 示例：/livetest/huawei1.flv Key 在控制台设置的防盗链Key值，具体请参见开启Key防盗链。 鉴权URL示例 以生成播放鉴权地址为例，推流鉴权地址的生成与播放鉴权地址的生成方法相同。 原始URL：http://test-play.example.com/livetest/huawei1.flvtimestamp：1592639100时长：1800sKey：GCTbw44s6MPLh4GqgDpnfuFHgy25Enlyrand：477b3bbc253f467b8def6711128c7becuid：0URI：/livetest/huawei1.flv 根据计算公式，得到md5hash。 HashValue = md5sum("/livetest/huawei1.flv-1592639100-477b3bbc253f467b8def6711128c7bec-0-GCTbw44s6MPLh4GqgDpnfuFHgy25Enly") = dd1b5ffa00cf26acec0c169ae1cfabea 则鉴权播放地址为： http://test-play.example.com/livetest/huawei1.flv?auth_key=1592639100-477b3bbc253f467b8def6711128c7bec-0-dd1b5ffa00cf26acec0c169ae1cfabea

鉴权方式D 鉴权方式D主要通过Key、timestamp和StreamName计算鉴权串。 鉴权URL格式 原始URL?hwSecret=hmac_sha256(Key, StreamName + hwTime)&hwTime=hex(timestamp) 表5 鉴权字段描述 字段 描述 hwTime 播放URL的有效时间，为Unix时间戳的十六进制结果。 如果当前hwTime+时长的值大于当前请求的时间则可以正常播放，否则播放会被后台拒绝。 示例：5eed5888（即2020.06.20 08:30:00） Key 在控制台设置的防盗链Key值，具体请参见开启Key防盗链。 hwSecret URL中的加密参数。 以Key和StreamName+hwTime为参数进行HMAC-SHA256加密算法得出。 hwSecret = hmac_sha256（Key, StreamName + hwTime） 时长 鉴权URL的有效时间长度。 若hwTime设置为当前时间，有效时间设置为1249s，则播放URL过期时间为当前时间+ 1249s。 鉴权URL示例 以生成播放鉴权地址为例，推流鉴权地址的生成与播放鉴权地址的生成同理。 原始URL：http://test-play.example.com/livetest/huawei1.flvKey：GCTbw44s6MPLh4GqgDpnfuFHgy25EnlyStreamName：huawei1hwTime：5eed5888时长：1249s 根据计算公式，得到hwSecret。 hwSecret = hmac_sha256(GCTbw44s6MPLh4GqgDpnfuFHgy25Enly, huawei15eed5888) = ce201856a0957413319e883c8ccae13602f01d3d91e21daf5161964cf708a6a8 则鉴权播放地址为： http://test-play.example.com/livetest/huawei1.flv?hwSecret=ce201856a0957413319e883c8ccae13602f01d3d91e21daf5161964cf708a6a8&hwTime=5eed5888

RSA私钥格式要求 PEM格式的文件可以存放证书或私钥，如果*.PEM只包含私钥，一般用*.KEY代替。 通过记事本打开*.PEM或*.KEY的私钥文件，可以查看到类似图3所示的全部私钥信息。 RSA格式私钥： 以证书链“-----BEGIN RSA PRIVATE KEY-----”开头，以证书链“-----END RSA PRIVATE KEY-----”结尾。 证书链之间的内容，要求每行64个字符，最后一行允许不足64个字符。 证书内容不包含空格。

中级CA机构颁发的证书 中级机构颁发的证书文件包含多份证书，配置HTTPS时，需要将所有证书拼接在一起组成一份完整的证书后再上传。拼接后的证书类似图2。 通过记事本打开所有*.PEM格式的证书文件，将服务器证书放在首位，再放置中间证书。一般情况下，机构在颁发证书的时候会有对应说明，请注意查阅相关规则。通用的规则如下： 证书之间没有空行。 证书链的格式如下： -----BEGIN CERTIFICATE----- -----END CERTIFICATE----- -----BEGIN CERTIFICATE----- -----END CERTIFICATE-----

格式转换 配置HTTPS仅支持PEM格式的证书/私钥，其他格式均不支持。其他格式的证书/私钥需要转换成PEM格式，建议通过OpenSSL工具进行转换。下面是几种比较流行的证书格式转换为PEM格式的方法。 以下示例均假设转换前证书名为old_certificate，私钥名为old_key，转换后证书名为new_certificate，私钥文件名为new_key。 DER转换为PEM openssl x509 -inform der -in old_certificate.cer -out new_certificate.pemopenssl rsa -inform DER -outform pem -in old_key.der -out new_key.pem P7B转换为PEM openssl pkcs7 -print_certs -in old_certificate.p7b -out new_certificate.cer PFX转换为PEM openssl pkcs12 -in old_certificat.pfx -nokeys -out new_certificate.pemopenssl pkcs12 -in old_certificat.pfx -nocerts -out new_key.pem 若需要将PK CS 8格式私钥转换为PKCS1格式，则参考如下方法： openssl rsa -in old_certificat.pem -out pkcs1.pem

Root CA机构颁发的证书 Root CA机构颁发的证书是一份完整的证书，配置HTTPS时，仅上传该证书即可。 通过记事本打开*.PEM格式的证书文件，可以查看到类似图1所示的全部证书信息。 PEM格式证书： 以证书链“-----BEGIN CERTIFICATE-----”开头，以证书链“-----END CERTIFICATE-----”结尾。 证书链之间的内容，要求每行64个字符，最后一行允许不足64个字符。 证书内容不包含空格。

新网配置方法 若您的DNS服务商为新网，您可通过如下步骤添加CNAME记录。 登录新网域名自助管理平台。 选择“域名管理”，进入DNS解析记录管理页面。 选择待添加记录的域名，进入DNS解析记录页面。 根据界面提示填写参数配置，参数信息如表3所示。 表3 参数说明 参数名 描述 取值样例 别名 需指向的域名，即CDN为您分配的CNAME域名。 example.test.com.d9235b9f.c.cdnhwc1.com 别名主机 表示域名前缀。 example TTL（秒） 记录集的有效缓存时间，以秒为单位。 保持默认 单击“确认”，完成添加。 CNAME记录添加完成后实时生效。

DNSPod配置方法 若您的DNS服务商为DNSPod，您可通过如下步骤配置CNAME记录。 登录DNSPod控制台。 在左侧菜单栏中，选择“域名解析”。 在待添加记录集的域名所在行，单击相应域名。 单击“添加记录”，弹出“添加记录”页面。 根据界面提示填写参数配置，参数信息如表1所示。 表1 参数说明 参数名 描述 取值样例 主机记录 主机记录指域名前缀。 example 记录类型 记录集的类型，此处为CNAME类型。 CNAME-Canonical name 线路类型 一般情况下，若服务商只提供了一个IP地址或域名，选择「默认」即可。其他特殊情况请咨询您的DNS服务商。 默认 记录值 需指向的域名，即CDN为您分配的CNAME域名。 example.test.com.d9235b9f.c.cdnhwc1.com 权重 无需填写。 - MX优先级 无需填写。 - TTL(秒) 记录集的有效缓存时间，以秒为单位。 保持默认即可。 单击“保存”，完成添加。 CNAME记录添加完成后实时生效。

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

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

图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 词云图形 颜色：设置图表中图形的颜色。 统一配置 是否展示：是否展示词云，默认为是。 词云形状：设置词云形状，如圆形、心形、三角形等。 字体：设置词云的字体。 字号范围：设置词云字号范围。 间距：设置词云间距。 倾斜角度范围：设置词云倾斜角度范围你，取值为[-90, 90]。 角度阶梯：设置词云角度阶梯。 数据系列：展示系列内容，支持修改系列颜色。 展开更多数据系列：单击，可新增数据系列。

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

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

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

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

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

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

页面数据来源介绍 组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云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等），获取数据来展示在页面上。更多介绍，请参见其他数据源。 父主题： 数据接入

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

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

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

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

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

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

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

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

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

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

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