检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
（可选）项目创建后，可参考项目管理中内容，对项目进行设置。 新建文件夹 项目创建后，支持在项目中新建文件夹，用于集中管理页面。 在“大屏&PC端项目”页面，单击“所有页面”后的“...”，选择“新建文件夹”。 在创建文件夹页面，输入文件夹标题，单击“确定”，即可在项目中创建文件夹。 文件夹标题的长度不能超过
参考创建页面中操作，创建一个大屏页面。 在大屏开发页面，单击页面上方的，保存页面。 保存成功后，单击页面上方的，进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中，配置内容安全策略。 例如，将A市交通管理大屏嵌入第三方系统，如图2所示。 图2 安全策略设置样例 其中，“fram
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。
例如，在如何基于页面级的全局变量实现组件交互开发的页面中，在“多区域折线图”组件上方单击，配置组件交互事件。参考图1，单击“+交互事件”，选择“点击”事件，单击“+响应动作”，选择“页面跳转”，跳转到内部其他页面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的页面
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新增自定
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值，使用方式参考如下： /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值，使用方式参考如下：
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
移动页面 通过移动页面，将页面移动到其他文件夹中，便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上，单击“...”，选择“移动”。 选择目标文件夹，单击“确定”。
当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。
新建第一个版本 单击新建版本后的，将该版本设置为当前发布页。 图3 设置发布页 在页面版本的操作列中，您还可以执行如下操作： ：预览该版本页面。 ：编辑该版本页面。 ：删除该版本页面。当前版本页面设置为发布页后，不支持删除。 关闭页面发布设置，返回设计页面，拖入其他组件，如折线图组件，保存页面。
用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。
为期望开设的课程组件框绑定模型中的字段 选中课程组件，在“基本属性 > 选项”中，设置课程下拉框的选项。 图18 设置课程下拉框选项 同样，选中年级组件，在“基本属性 > 选项”中，设置年级下拉框的选项。 图19 设置年级下拉框选项 添加一个按钮组件，用于提交问卷。 在基本组件中，拖拽一个按钮组件到画布中。
事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发 (value, data, field) focus focus 在输入框失去焦点时触发 (value
图9 设置组件数据 选中文本编辑组件，单击组件上方的，设置组件显示的内容。 图10 设置文本编辑组件显示内容 单击“新增条件格式”，设置条件和响应数据列的样式。 如下图所示，该设置表示文本编辑满足设置的条件（组件数据中，第一个数据大于5）时，显示为红色，否则显示为正常颜色。 图11
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
在华为云Astro大屏应用中，组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用，同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，按照组件分类，查找到对应组件。
Echarts组件设置 在Echarts组件设置中，可以设置ECharts组件的初始化代码块、实例化代码块、自定义事件和自定义动作。 图4 代码设置 初始化代码块：初始化代码块输入框是一个javascript的执行环境，该执行环境的目的是调用echarts的init方法创建实例，此处
API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。 /* * @param {*} props {} */
即铺满整个组件。 标题设置：是否显示标题，设置为“显示”时，支持设置如下属性。 标题内容：设置标题的内容。 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、主要趋势和次要趋势等。 图4 多趋势配置 统一配置 > 对齐方式：设置组件的对齐方式，支持左对齐、居中和右对齐。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
