检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时,可执行如下操作: 单击“文件导入”,可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件,且文件大小不能超过100KB。 执行导入操作前,请单击,查看当前组件对静态数据字段的
在项目中,单击“+新建页面”。 单击“新建空白页面”,输入页面标题“告警处理情况统计”,单击“新建”。 设置水平基本柱图组件。 在左侧全部组件中,拖拽“水平基本柱图”到页面开发操作区域,即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作 父主题: AstroCanvas学堂
页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。 “数据类型”选择“桥接器预置”,在选择桥接器中即可选择到自定义桥接器中自定义的桥接器。 图5 为组件添加自定义桥接器 父主题:
在左侧导航栏中,单击“我的组件”。 在我的组件中,单击“添加组件”。 单击或拖拽所需的组件到下图红框中。 图3 上传组件 按需设置组件ID和版本说明,单击“保存”。 图4 设置组件基本信息 复制自定义组件到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件”,修改事件名称为“echarts单击系列”。 图2
如果在计费周期内不再使用包年/包月资源,您可以执行退订操作,系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则,请参见云服务退订规则概览。 如果您已开启“自动续费”功能,为避免继续产生费用,请在自动续费扣款日(默认为到期前7日)之前关闭自动续费。
我的素材 操作场景 在我的素材中,管理用户上传的素材,如添加素材、复制素材到其他工作空间、删除素材等。同时,在我的素材页面右侧,可查看资产容量,即所有素材和封面图片的总和。 图1 查看资产容量 新建目录 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
设置库的ID和版本说明,单击“保存”。 图1 设置库基本信息 复制自定义库到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在待复制的库上,单击。 图2 复制库到其他工作空间 在弹出的页面,选择目标工作空间,单击“确定”。
的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图8 查看后台分页效果 父主题:
如何设置内容安全策略 操作场景 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 操作步骤 参考
其他数据源 配置组件数据时,支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置
参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中,并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量,并设置选项卡名称。
o不支持配置全局变量。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图4 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从AstroZero中读取
支持配置全局变量。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到对应的坐标轴 表格字段:展示创建数据集中,录入的静态数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期:每隔多少秒获取一次静态数据,默
配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍,请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思,划分基本布局,并拖拽对应的组件到画布中。如何添加组件到画布中,请参见组件管理。 组件设置 为组件对接业务数据、根据大屏互动形式设置交互动作、根据UI设计设置组件的样式、颜色等。支持预
本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴 表格字段:展示创建HTTP连接器数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从HTTP连接器中
例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到坐标轴 表格字段:展示创建Prometheus数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从HTTP连接器
您也可以在搜索框中,输入所需的组件(如图1),或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键,将目标组件拖拽到画布中。 图3 拖拽组件到画布中 组件添加成功后,会自动展示在画布中。您可以通过拖拽组件边框,调整组件的大小,也可以参考拖拽组件中操作,调整组件的位置。