检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在工作空间目录下,选择对应的角色(如开发者),单击“新增成员”。 图1 单击新增成员 管理员:拥有大屏开发权限、数据中心开发权限和添加用户到管理员、开发者、数据分析师、数据工程师和访问者权限。 开发者:拥有大屏开发权限、数据中心开发权限。 数据分析师:拥有大屏开发权限、数据中心只读权限。 数据工程师:拥有大屏只读权限、数据中心开发权限。
操作场景 在华为云Astro大屏应用中,通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。
如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用 场景说明 华为云Astro大屏应用(Huawei Cloud Astro Canvas) 产品已正式商业化上线。华为云Astro轻应用(Huawei Cloud Astro Zero)免费版中的“业务大屏”入口计划
如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。
盘古助手 从页面数据集进入盘古助手 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选择“数据”,单击“+”。 输入页面数据集的名称,单击“确定”。 在新建页面数据集页面,拖入一个数据输入节点,并选择数据源。 从“数据转换”中,拖拽
柱条宽度:柱状条相对于X轴单位间隔的宽度。 数据标签:是否显示数据标签,即柱状条旁是否显示数值。开启后,支持设置数值显示位置、数值颜色、前缀和后缀。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。 图1 设置动作详情 设置完成后,单击“确定”。
区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”,输入如下示例数据,并单击,格式化数据。 [{ "x": "10-01", "y":
支持对接页面级的数据集,以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况,可以减少重复的请求跟重复的配置。 页面设置 华为云Astro大屏应用可视化开发页面,支持配置页面屏幕大小、适应方式、背景颜色或背景图片等,更多介绍请参见如何进行设置页面。 图2 页面设置
组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1
选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。
标记图形:设置标记的图形,如圆形、矩形、三角形等。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。
registerResizeEvent 监听必要的dom尺寸变化事件,画布resize时会触发重新绘制。 callFlowConn 根据组件配置的数据类型(数据集、桥接器、数据源和静态数据),获取数据。 beforeDestroy 组件销毁前的回调函数,组件自己实现继承。 init 组
连接器删除后不可恢复,请谨慎操作。 删除连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“删除”。 在弹出的确认框中,单击“确定”,即可删除连接器。
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”。 在转换器管理页面,单击待删除转换器中的,选择“删除”。 转换器较多时,您可以直接搜索待删除转换器的名称,也可以按照目录和状态进行筛选。
图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本柱图组件,在组件上方单击,配置组件数据,单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”,输入如下示例数据,并单击,格式化数据。 [{ "x": "人员统计",
折线宽度:设置图形中折线的宽度,取值范围为0~100。 拐点尺寸:设置拐点尺寸,取值范围为0~100。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
选中前台排序时图标显示的颜色 前台排序:是否开启前台排序功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选:是否开启前台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选
轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果 图8 多区域折线图X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
转换器管理 新建转换器 删除转换器 关注转换器 父主题: 数据中心