检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选中基本折线图组件，单击组件上方的，设置组件标题“内容”为“告警平均处理时长统计”。 图10 设置基本折线图组件标题 选中基本折线图组件，单击组件上方的，打开Y轴轴线“显示”开关。 图11 轴线显示 单击页面上方的，保存后单击，选择不同手机型号查看页面在移动端上的显示效果。 图12 查看移动端效果
转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。 系统教程 系统教程中提供了一些华为云Astro大屏应用的相关视频教程，通过视频有助于您更快速的上手华为云Astro大屏应用。
、卡片边框）和图表元素构成。 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。
查看各个地区相应状态下的告警数量分布。 实现原理：该场景中将告警状态定义为全局变量，在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了华为云
动端页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对数据源进行集中管理，将数据源配置简化，降低技术门槛，让业务人员可快速完成配置。华为云Astro大屏应用当前支持如下几种类型的数据集，其与数据源、转换器和目录之间的关系，如图1所示。 图1
widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 localFileBasePath：组件本地调测路径。 i18n：指定组件的国际化资源文件（本例模板中未体现）。 requires：依赖的库名称和版本号。 width：在绝对布局高级页面中，添加该组件时的默认宽度，
对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓
包年/包月华为云Astro大屏应用资源的计费周期是根据您购买的时长来确定的（以UTC+8时间为准）。一个计费周期的起点是您开通或续费资源的时间（精确到秒），终点则是到期日的23:59:59。 例如，如果您在2023/03/08 15:50:04购买了一台时长为一个月的华为云Astro大屏应用，那么其计费周期为：2023/03/08
页面标题的长度为1~100个字符。如果页面默认大小和您的显示分辨率或目标分辨率不符，请自行调整页面分辨率及组件布局以达到最佳显示效果 在页面上方单击，根据实际需要设置背景图片。 图3 设置背景图片 图4 选择背景图 从全部组件中，分别拖拽文本编辑、水平基本柱图、基本柱图、和区域图到画布区域，布局如图6所示。
AstroCanvas各特性版本的功能发布和对应的文档动态，欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用（Astro Canvas，简称AstroCanvas）是华为云Astro低代码平台提供的可视化页面构建服
conf” 文件的“http”中增加如下代码。在实际配置时，请将代码中的canvas、{私有化部署的IP}、{私有化部署的端口}、{Nginx对应的IP}和{对应的端口}替换为对应的字段。 完成私有化部署根目录配置后，原1中的访问地址需要更改为“http://{Nginx对应的IP}:{对应的端口}/canvas”。
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
{widget}.css：组件的样式文件，在该文件中编写组件的CSS样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。
热门案例 如何基于页面级的全局变量实现组件交互？ 自定义组件时，如何设置交互事件的输出变量？ 如何在数据集或跳转事件动作中设置变量？ 如何通过全局变量，实现组件数据的动态变化？ 如何使用高级表格的后台分页功能？ 如何使用高级表格的后台排序功能？ 如何使用高级表格的后台筛选功能？ 如何设置echarts组件的自定义交互事件
list中每一项含有的基础配置项。 基础配置项中可以通过加入width调整一行中的占比，例如3个options的width是20,30,30，三个配置项就会出现在一行。如果width是20,30,70，前两个会在一行，第三个占第二行的70%。 如果不加入width或者width占比为100，就会单独占一行。
在页面数据集中调出盘古助手 从组件数据中进入盘古助手 参考使用空白画布新建页面中操作，新建一个空白页面。 在“组件”页签中，拖拽所需的组件到画布中。 选中组件，单击组件上方的，进入组件数据设置页面。 在“数据类型”中，选择数据源类型，并选择数据源。 在“数据配置”下方，单击“+”，选择“转换器”。
单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 在主页中，单击“进入首页”，进入应用开发页面。 单击主页中的“业务大屏”，或者左侧导航栏中的“业务大屏”，进入业务大屏界面。 单击待导出项目上的，进入项目发布页面。 将鼠标放在对应的版本上，单击。 图1 单击下载图标
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化
echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst
花饼图和基本饼图。 图1 页面一 单击，保存页面后单击，发布页面。 参考上述操作，新建页面二和页面三，分别拖入多区域折线图和基本柱图，并发布。 图2 页面二 图3 页面三 在页面一中，选中玫瑰花饼图，单击组件上方的，设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互 页
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
