检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，
约束与限制 在华为云Astro大屏应用中导出项目时，项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面，单击待下载项目上的。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。
使用空白画布新建页面 从零开始，通过拖拽组件、设置页面布局、数据源等，构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。
单击图标，可查看当前页面使用了哪些数据源。 图9 查看页面数据集 使用页面数据集 在开发页面，从“组件 > 图表”中，拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中 选中组件，单击组件上方的，进入数据源设置页面。
图3 拖拽水平基本柱图组件 选择水平基本柱图组件，单击组件上方的，配置数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。
数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多种数据源，如静态数据、调用华为云Astro轻应用API接口和ROMA API接口等。 数据源管理：新增并管理关系型数据库、DWS、DLI和华为云Astro轻应用等数据源。
通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型数据库数据集中操作，新建关系型数据库数据集（新建变量value）。 图2 新建关系型数据库数据集 新建全局变量。
图18 修改关系型数据库数据源密码 图19 修改Prometheus数据源密码 图20 修改HTTP连接器数据源加密字段 访问项目中的页面。
什么是盘古助手 什么是盘古助手 盘古助手是由华为研发的基于盘古模型的AI助手，可以根据用户的需求，灵活地生成转换器代码，快速接入数据至大屏。此外，盘古助手还擅长回答各类通用问答知识，无论是编程、技术咨询还是其他领域的问题，都能够帮助用户解决问题，提供准确、逻辑性强且友好的回复。 盘古助手具备优势
视频流 视频流是媒体组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接监控视频展示场景。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频流”组件至画布空白区域，如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素
如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
组件间交互 操作场景 组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
组件数据源设置，请参见数据接入。 如何设置组件交互动作，请参见交互设置。 保存发布页面 保存开发好的页面，并发布。更多介绍，请参见页面管理。 父主题： 创建页面
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新增自定义事件
上传自定义组件 将自定义组件上传到华为云Astro大屏应用中，并在页面中使用。 上传自定义组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面
通用设置 在通用设置中，可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig
图11 设置地图组件数据源 自定义围栏数据：地图自定义围栏数据桥接器，数据中省/直辖市code一致，则认为属于同一围栏区域。预览或发布页面时，单击围栏区域，地图会下钻到围栏区域。若未配置该连接器，则下钻到单独省/直辖市。
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
