检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
img：可选字段，表示图标的自定义样式名称。 单击img字段右侧的按钮可添加一个自定义图标样式。对于已添加的自定义样式，单击某个系列右侧的按钮可删除该系列。 添加自定义样式，配置如下： 系列值：输入img字段的某个值。如果源数据中的某个区域的img字段和该值相同，则在区域排行中显示为该自定义样式的图标。如
水平正负柱图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 图2 柱子样式-水平正负柱图
本章节主要介绍键值表格组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 键值表格 全局样式 自适应：勾选时，表格会自动适应组件图层的高度。 字体：设置组件文本的字体样式。 左右间距：输入数值或拖动，设置表格的左右间距。
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
获取音乐文件总时长，可用于刷新界面上的进度条。 public void refreshSeekBar() { int duration = mHwRtcEngine.getAudioFileDuration(); // 刷新进度条 } 获取音乐文件播放位置 播放过程中，
基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题：
折线柱图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 图2 柱子样式-折线柱图
本章节主要介绍矩形树图组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 矩形树图 全局样式 字体：设置组件文本的字体样式。 边框大小：输入数值或拖动，设置组件边框大小。 边框颜色：单击颜色编辑器设置组件的边框颜色。 文本样式：设置组件文本的字体大小、字体粗细、字体颜色。
本章节主要介绍水平柱状图组件各配置项的含义。 图1 水平柱状图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。
个性化红包类智能信息模板制作规范 由背景、logo、名称、标题、正文和按钮组成的模板样式，适用于红包运营等场景。目前仅华为的手机终端支持该模板。 各手机厂商个性化红包智能信息模板差异 各手机厂商支持内容的差异 支持情况及规范要求参见表1表 表1 各手机厂商个性化红包类智能信息模板支持内容的差异
组件开发，详见表1。对于各类型子组件，子组件代码示例提供了相应的HTML、CSS、JavaScript代码段供参考，部分组件无需编写CSS样式和JavaScript逻辑，请您以实际使用框架和组件库为准。 图1 渲染出的模板预览视图 表1 支持的组件类型和判断条件 组件类型 对应的判断条件
件总时长，可用于刷新界面上的进度条。 public void refreshSeekBar() { int duration = mHwRtcEngine.getAudioClipDuration(filePath); // 刷新进度条 } 获取音效文件播放位置
若迁移速率不为0，已迁移数据量持续增加，则表明迁移正常。 情况三：启动目的端卡住。 启动目的端后任务进度条长时间为0，可能是在执行最后一次同步任务。 启动目的端时会进行一次数据同步，期间进度条无变化，数据同步时间长短由源端数据量决定，如果数据量过大，会导致数据比对时间长，该现象为正常现象。
最小值：允许输入的最小数字。 字体：设置字体样式。 占位符：可辅助元素对齐，让页面更整齐。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。
“工单列表（客服人员）”和“生成工单”页面开发完成后，需要验证两个页面间的关联跳转事件，以及相关页面布局样式。 操作步骤 在“HW__workOrderList”页面中，单击界面上方预览图标。 系统会弹出预览页面。 查看页面中页面布局、样式是否符合预期。 查看当前表格中的工单记录。当前表格中仅有一条测试数据，此
移动端排列方式：移动端选项的展示形式，支持弹出和竖排。 字体：设置字体样式、大小、颜色等。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定
拷贝组件 本章节介绍如何拷贝画布中的组件，拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“拷贝”，或在图层区右键单击选中某一个组件，选择“拷贝”
轮播列表柱状图 本章节主要介绍轮播列表柱状图组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 轮播列表柱状图 全局样式 字体：设置组件文本的字体样式。 数量：输入数值或单击设置组件中显示文本的行数。 序列号
移动端排列方式：移动端选项的展示形式，支持弹出和竖排。 字体：设置字体样式、大小、颜色等。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。
曲率：飞线的弯曲度。当曲率为0时，飞线显示为直线。 图9 飞线层 端点样式：显示或隐藏起点和终点，默认为隐藏。显示时，可以设置“起点样式”和“终点样式”。 起点样式 / 终点样式 样式：端点的形状样式，有多种样式可供选择。 内圈颜色：端点内圈的颜色。 外圈颜色：端点外圈的颜色。 动画效果：端点的动画效果。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
