检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
水位图 水位图是指通过水位的样式,来展示数据实时的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水位图”组件至画布空白区域,如图1。 图1 水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
数据标记柱图 数据标记柱图是柱状图的一种,通过柱形图的形式展现数据的整体表现,额外的数据标注更直观的展现数据的大小。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“数据标记柱图”组件至画布空白区域,如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
水平基本柱图 水平基本柱图是柱状图的一种,使用水平柱形图的方式呈现数据的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平基本柱图”组件至画布空白区域,如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元
水平堆叠柱图 水平堆叠柱图是柱状图的一种,用于多维度数据的堆叠展示,从而实现数据之间的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平堆叠柱图”组件至画布空白区域,如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
多区域折线图 多区域折线图是线状图的一种,通过不同数据区域的对比,可对数据的变化做出更直观的展现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“多区域折线图”组件至画布空白区域,如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解
水滴水位图 水滴水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水滴水位图”组件至画布空白区域,如图1。 图1 水滴水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。 单击,选择新建并开发自定义组件中自定义的组件包BarGraph.zip,填写基本信息,单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称,系统会根据组件包名称自动填充。
删除数据源 数据源删除后,不可恢复,请谨慎操作。 删除数据源 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击待删除数据源中的,选择“删除”。 数据源较多时,您可以
Prometheus数据源 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 新建Prometheus数据源
配置项的标签,需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标,当配置项比较复杂,可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
贪吃蛇饼图 贪吃蛇饼图是饼图组件的一种,在加载时,饼图渲染呈现“贪吃蛇”的动画样式。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“贪吃蛇饼图”组件至画布空白区域,如图1。 图1 贪吃蛇饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
箭头水位图 箭头水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“箭头水位图”组件至画布空白区域,如图1。 图1 箭头水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
获取Connector属性,无入参,使用方式参考如下: const connProps = this.getConnectorProperties(); connProps对象中,包含组件接入的所有数据源信息。 图1 数据源信息 getConnectorInstanceByName 通过Connector名称获取
AstroZero数据源 通过调用当前环境AstroZero接口或其他环境AstroZero接口,返回的数据作为数据源。 新建AstroZero数据源 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
删除数据集 数据集删除后,不可恢复,请谨慎操作。 删除数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待删除数据集中的,选择“删除”。 数据集较多
圆角矩形水位图 圆角矩形水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“圆角矩形水位图”组件至画布空白区域,如图1。 图1 圆角矩形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
复制数据集 创建同类型数据集时,通过复制数据集功能,可减少重复操作,提升开发效率。 复制数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据