检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击页面上方的，完成大屏页面的创建。 步骤五：预览并发布大屏页面 在AstroCanvas中开发大屏页面时，支持直接在线预览效果，确保开发编辑效果与发布后运行效果一致。预览效果符合预期后，可直接发布大屏页面，并在线查看城市交通状况。 在已创建的大屏页面中，单击页面上方的，预览页面效果。
助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，
API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。 将鼠标放在对应的组件上，单击。 图15 下载组件 默认下载最新版本的组件（如1.0.2）。如果需要下载之前版本的组件，可在组件的历史版本中，单击对应版本后的。 图16
css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
标题 标题是文本组件的一种，用于展示大屏的各类标题，可展现大、中、小等类型的标题，并可通过拼搭进行组合使用。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“标题”组件至画布空白区域，如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
图5 图表标题 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 颜色：设置图表中，图形的颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。
音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。 循环播放：开启后，在预览页面或发布后的页面中，视频播放完成后会再次从头开始播放。 播放速度：设置音频的播放速度，单位为“倍”，如0
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。
参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量，并设置选项卡名称。
工作空间未授权 在组织管理的“角色与权限”页签，选中“Astro Canvas”。 在需要添加用户的工作空间中，选中对应的角色权限，单击“新增成员”。 例如，在自定义的“工作空间A”下，为IAM用户添加开发者角色。 图6 新增成员 在添加成员页面中，选择5中已授权的成员，单击“确定”。
组件设置 在组件设置中，查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。
配置 视频流组件中，配置项的配置高于数据配置。 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时，可以设置是否静音播放。 数据 在数据中，设置视频流组件的数据来源，更多介绍请参见数据接入。
通过重命名功能，可自定义组件的名称，便于搜索和管理。 重命名组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“重命名”。 图1 重命名 您也可以在“图层”中，将鼠标悬浮在组件上，单击“重命名”。 图2 在图层中重命名组件 在输入框中，输入组件的新名称。
左连接：返回左表中的所有行，如果左表中的行在右表中没有匹配的行，则结果中右表中的列返回“null”。 右连接：与左连接相反，返回右表中的所有行，如果右表中的行在左表中没有匹配的行，则结果中左表中的列返回“null”。 内连接：取两个表的交集，两张表都有的才能显示出来。 全连接：返回左表和右表中的所有行。如果某行
widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。
数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前，需要提前在数据中心创建各种类型数据源，配置过程中页面跳转较多，为了简化操作，AstroCanvas支持在组件数据配置过程中，直接创建并使用各种类型的数据源。 新建数据源的参数说明和在数据中心中配置的数据源参数含义相同，本章节以AstroZero
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
