检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标题:是否显示标题。打开该开关后,可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 星期 显示:是否显示星期。 字体:设置星期字体、颜色和大小等。 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。
标题:是否显示组件标题。设置为显示时,支持设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。 字体:设置时间字体、颜色和大小等。 星期
自动轮播:是否展示自动轮播效果。 间隔时间:间隔的时间。 停留时间:停留的时间。 轴条默认样式:设置轴条的默认颜色。 轴条选中样式:设置轴条选中时的颜色。 轴条粗细:轴条的粗细。 轴标签 默认标签字体:设置标签默认的字体、大小、颜色等。 选中标签字体:设置选中标签时,显示的字体、大小、颜色等。
健康检查设置 操作场景 健康检查设置中提供了页面健康度检查能力,对慢请求、错误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。
通用设置 操作场景 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
组件设置 操作场景 在组件设置中,查看并管理当前项目中已引用到的所有组件。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“资源”。 单击“新建资源”,依次引入有依赖关系的资源。 图1 新增资源 资源:选择需要添加的库。请依次添加有依赖关系的资源,例如A依赖B,请先添加B再添加A。 作用域:设置新建资源作用的域。
在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”。 获取项目编辑权限后,可对项目进行通用设置、组件设置、资源设置和健康检查设置。 设置完成后,单击“保存”,即可释放项目锁。 您也可以单击页面右上角的“退出项目设置”,释放项目锁。 父主题: 项目管理
log(data); console.log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。
设置项目封面 操作场景 项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。
页面设置 操作场景 页面创建后,支持修改页面的标题和描述信息。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
隐藏其他图表组件 按照上述操作,分别设置柱图事件、折线图事件和气泡图事件选项卡对应的交互动作。 图8 柱图事件交互设置 图9 折线图事件交互设置 图10 气泡图事件交互设置 设置完成后,单击“完成”,返回大屏开发页面。 单击,保存页面,单击,预览效果。 父主题: 交互设置
如何设置Token认证 操作场景 在AstroCanvas中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。
选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值
接输入地址,也可以设置为全局变量。“页面类型”设置为“外部页面”时,才显示该配置。 页面打开方式:设置跳转页面的打开方式,如新窗口、当前窗口或弹窗。设置为弹窗时,可指定弹窗的高度和宽度。本示例设置为弹窗,并设置弹窗的高度和宽度为50%。 设置页面参数:支持设置为“固定参数”和“变
的总配额。如果配额不足,可单击“页面扩容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
如何设置分享码 操作场景 AstroCanvas支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 操作步骤 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
如何设置内容安全策略 操作场景 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 操作步骤 参考