检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中,搜索并拖拽“多区域折线图”,到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击,配置组件数据。 数据配置中选择“数据集”,选择4配置的“getWar
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
图5 设置桥接器信息 将鼠标放在对应的桥接器上,单击,可查看到桥接器的新版本。 :单击该图标,可下载当前版本桥接器。 :单击该图标,可在线编辑该版本桥接器。 编辑桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 地图配置 地图基本配置 地图类型:地图第三方服务商,如天地图、高德地图和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。
示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐:设置指标的对齐方式,如左对齐、居中和右对齐。 数值:指标是否显示数值,设置为“显示”时,可设置如下属性。
数据源:选择AstroZero数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择AstroZero中具体的应用。
展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置分割线的颜色。 图4 分割线配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
在AstroZero服务控制台的主页中,单击“进入首页”,进入AstroZero应用开发页面。 单击页面左上角的,选择“环境管理 > 环境配置”,进入AstroZero环境配置页面。 在顶部菜单栏中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 业务权限凭证”,单击“新建”。 设置业务权限凭证的标签和名称,单击“保存并新建”。
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择
发布及安装项目 发布项目 安装项目 如何将AstroZero中的大屏项目迁移到AstroCanvas
时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置图标的颜色。 图4 图标配置 交互 在交互中,配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,进行自定义属性设置。 图4 全屏配置 全屏图片链接:要切全屏时图片的链接。 展开图片链接:展开时图片的链接。 内边距:图片和组件边框之间的内边距,单位为px。 交互 在交互中,配置全屏组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
tp://”或“https://”协议头,同时也不需要“/”结尾。 域名参数:配置域名参数,包含字段名称、默认值和字段描述。连接器配置中,当域名中配置“{字段名}”参数时,才会显示该参数。 图6 配置域名参数 接口鉴权方式:设置接口鉴权方式,支持API鉴权、AK/SK、API Key和无身份验证。
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 组件数据来源 组件是大屏页面的组成元素,配置页面数据即为配置组件数据。选中组件,单击组件上方的,可配置组件在页面呈现数据的来源,更多介绍请参见数据接入。 图5 配置组件数据 组件交互 AstroCanvas为组件设计了事件-动作机制实现组件与
将弹出如图4提示,根据实际需求进行选择即可。 图4 转换器冲突 数据源和数据集这两种资产出现名称冲突,但资源类型不同的情况时,系统默认选择生成副本。 图5 数据源和数据集冲突 父主题: 项目管理
从“全部组件 > 图表”中,拖拽“基本柱图”组件至画布空白区域。 在组件上方单击,配置流程选择“静态数据”,并添加url参数,对应数据项的数据详情页面URL,单击“保存”。 图2 配置流程 在组件上方单击,配置组件交互事件。 在作为触发器中,单击“+交互事件”,选择“当点击数据时”事件。