检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。 数据 在数据中,设置树状下拉框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原理:该场景中将告警状态定义为全局变量,在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件
Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。 在AstroCanvas角色列表中,可查看到已创建的工作空间。 图1 查看工作空间 父主题: 创建工作空间
大屏页面。 预览并发布大屏页面 在线预览大屏页面效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。 步骤一:注册账号并实名认证 使用AstroCanvas前,需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号,可
选择工作空间和项目版本 复制项目版本时,当所选项目与目标空间存在资产冲突时,请参考查看并解决资产冲突中操作处理。 图2 资产冲突 查看并解决资产冲突 在系统资产冲突提示界面,单击“查看详情”,查看资产冲突详情。 图3 查看资产冲突详情 查看资产冲突详情后,根据自身需要选择处理逻辑,单击“确定”。 转换
Astro大屏应用(Astro Canvas,简称AstroCanvas)以数据可视技术为核心,以屏幕轻松编排,多屏适配可视为基础,帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景
选择支付方式,单击“去在线支付”,完成订单支付。 订单支付成功后,单击“返回Astro轻应用控制台”。 在AstroCanvas已购买的实例中,可查看到扩容的页面数量。 图3 查看扩容页面的数量 父主题: 购买AstroCanvas实例
将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“
发布为模板。 如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
移位置。 图形透明度:气泡图中气泡的透明度。 数据标签:显示气泡图对应的数值标签。 图表标注和标线最大值:显示对应数据系列数据的最大值。 图表标注和标线最小值:显示对应数据系列数据的最小值。 图表标注和标线平均值:显示对应数据系列数据的平均值。 图例 图例是指在多维度可视化图形表
在转换器管理页面,将鼠标放在待关注的转换器上,单击。 操作完成后,在“转换器 > 我关注的”页面中,可查看到已关注的转换器。 如果需要取消关注,可单击已关注转换器上的,取消关注。 图1 查看已关注的转换器 父主题: 转换器管理
登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。 分组创建后,选择“图层”,可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。 将鼠标放在已创建的分组上,单击右键选择“解除分组”,即可解除已创建的分组。 父主题: 组件管理
见自定义桥接器。 查看桥接器模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 在右侧页面,可以查看到系统预置的桥接器
可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中,可以查看到各种类型的组件(包括预置组件和自定义组件),将组件拖拽到画布中进行配置,完成可视化应用项目的开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,
选中基本折线图组件,单击组件上方的,打开Y轴轴线“显示”开关。 图10 轴线显示 单击页面上方的,保存后单击,选择不同手机型号查看页面在移动端上的显示效果。 图11 查看移动端效果
选择本地已创建好的项目包,单击“打开”,即可将项目导入到AstroCanvas。 导入成功后,在项目列表中,可查看到已导入的项目,并根据自身业务需求,进行二次开发。当所选项目与目标空间存在资产冲突时,请参考查看并解决资产冲突中操作进行处理。 父主题: 项目管理
字体:设置组件的字体、大小和颜色等。 评星大小:设置评星显示星星的大小号。 数据系列 原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在
管理页面 管理组件模板 桥接器模板 查看操作日志
间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。 图6 查看data $pageStore:保存页面中全局变量的对象。 如果在全局变量中,配置了一个