检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用空白画布新建页面 从零开始，通过拖拽组件、设置页面布局、数据源等，构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
参考登录华为云Astro大屏应用界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件BarGraph
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能
Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。
自定义围栏数据 热力图层数据：热力图层数据桥接器/数据集，根据省/直辖市数值大小，热力图层颜色深浅不一。 柱状图层数据：柱状图层数据桥接器/数据集，根据省/直辖市数值大小，柱子颜色、高度不一。 标签图层数据：标签图层数据桥接器/数据集，以标签形式展示省/直辖市具体数据。 交互 在
盘古助手 从页面数据集进入盘古助手 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选择“数据”，单击“+”。 输入页面数据集的名称，单击“确定”。 在新建页面数据集页面，拖入一个数据输入节点，并选择数据源。 从“数据转换”中，拖拽
et相当于拼图的每一小块。 数据中心 数据中心用于对数据源进行集中管理，将数据源配置简化，降低技术门槛，让业务人员可快速完成配置。华为云Astro大屏应用当前支持如下几种类型的数据集，其与数据源、转换器和目录之间的关系，如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
柱条宽度：柱状条相对于X轴单位间隔的宽度。 数据标签：是否显示数据标签，即柱状条旁是否显示数值。开启后，支持设置数值显示位置和数值颜色。 数据标签最大值/最小值：是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
字体大小：设置后缀的字体大小。 目标数据显示：是否显示目标数据。 目标数据标题：设置目标数据的标题，如当前目标。 字体：设置目标数据标题的字体、大小和颜色等。 完成数据显示：是否显示完成数据。 完成数据标题：设置完成数据的标题，如已完成。 字体：设置完成数据标题的字体、大小和颜色等。 进度条配置
显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置贪吃蛇饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置贪吃蛇饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
配置水平基本柱图组件。 选中最上方的水平基本柱图组件，在组件上方单击，配置组件数据，单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{ "x": "人员统计", "y": 153
getMockData 组件在没有对接外部数据源时，使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象，桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val，可以设置组件桩数据设置为简单二维对象数组[{val:123}]。
配置项的配置高于数据配置。 播放 自动播放：打开页面后是否自动播放视频。 循环播放：是否循环播放视频。 静音播放：播放视频时是否静音。静音后，在播放视频时无法调整音量。 控制条：选择是否开启视频控制条。 数据 在数据中，设置视频组件的数据来源，更多介绍请参见数据接入。 交互 在交
”。 在动作详情中，“响应组件”选择echarts组件，“响应动作”选择“设置数据高亮”，“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置，预览页面，echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题： 组件管理
配置项的配置高于数据配置。 图4 视频流配置 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时，可以设置是否静音播放。 数据 在数据中，设置视频流组件的数据来源，更多介绍请参见数据接入。
描述文字字体：当步骤有描述文字时，描述文字的字体、大小等设置。 标题左边距：步骤标签距离该图标左边的距离。 数据 在数据中，设置步骤条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置步骤条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题：
显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：设置提示框显示的内容，可以是系列名和数据值、也可以是其中的一种。 数据 在数据中，设置词云的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置词云与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
是否自动播放：打开页面后是否自动播放视频。 是否静音：播放视频时是否静音。静音后，在播放视频时无法调整音量。 数据 在数据中，设置FLV视频播放组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
请您在2023年8月11日前订购华为云Astro大屏应用，并按照本章节中的操作完成数据迁移，防止云服务资源释放，导致项目数据丢失。 数据迁移 登录华为云Astro轻应用中的业务大屏界面，导出项目数据。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
