检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
AstroCanvas开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。 例如,在如何基于页面级的全局变量实现组件交互开发的页面中
用户在使用AstroCanvas时,账户的可用额度小于待结算的账单,即被判定为账户欠费。 AstroCanvas当前仅支持包年/包月购买,对于包年/包月的AstroCanvas,用户已预先支付了资源费用,因此在账户出现欠费的情况下,已有的AstroCanvas实例仍可正常使用。但是,对于涉及费用的操作,如新购
组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑,初始化
需要在指定的时间内为AstroCanvas续费,否则已创建的项目、页面等功能的使用可能将会受限。AstroCanvas在到期前续费成功,AstroCanvas的运行不受影响。 如果您有订购页面扩容包,执行续费操作时,需要支付的费用为“实例套餐费用”和“扩容包费用”的总和。 续费相关的功能
单击“新建资源”,依次引入有依赖关系的资源。 图1 新增资源 资源:选择需要添加的库。请依次添加有依赖关系的资源,例如A依赖B,请先添加B再添加A。 作用域:设置新建资源作用的域。 项目级:资源应用于整个项目。 页面级:资源应用于哪些页面。 页面作用域:选择资源所应用的页面。 开发界面下不加载
数据系列轮播效果 图6 X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色:设置组件中图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。
下拉框背景颜色:设置下拉框的背景颜色。 下拉框字体颜色:设置下拉框的字体颜色。 下拉框选中态背景颜色:设置下拉框选中态的背景颜色。 下拉框选中态字体颜色:设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色:设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色:设置下拉框鼠标悬浮时的字体颜色。
会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。 配置 在配置中,设置组件的背景色、表格行数、表头和单元格等。 图5 配置 全局样式 背景色:设置表格的背景颜色。 表格行数:当前表格可视高度展示的数据行数。 边框:设置表格的边框样式。
位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中图形的颜色。 统一配置 水平堆叠:是否堆叠显示。 横向柱条:是否横向柱条效果显示。 柱条
时传递的URL进行签名鉴权,保证大屏的URL访问链接不会被篡改,从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前,需满足以下条件: AstroCanvas大屏页面,使用Token验证的方式进行发布。 AstroCanvas大屏页面,以Get的方式在
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。本示例新建一个转换器,用于返回符合条件的数据。 图3 新增一个转换器
助您更加合理有效的排列大屏上的组件。 位置层次越靠前,表示组件在画布中的显示越靠前。 位置层次越靠后,表示组件在画布中的显示越靠后。 当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。 在设计页面,选中待移动的组件。 单击右键,
页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度:设置分页框的宽度,单位为px。 下拉框背景颜色:设置下拉框的背景颜色。 下拉框字体颜色:设置下拉框的字体颜色。 下拉框选中态背景颜色:设置下拉框选中态的背景颜色。 下拉框选中态字体颜色:设置下拉框选中态的字体颜色。
入门实践 当您购买了Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践,帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“A
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
域名:提供服务环境的域名,如https://www.demo.com。 生产环境/沙箱环境 租户ID:提供服务环境的租户ID。 将下载到本地的项目安装包,发送给其他需要安装的用户。 其他用户在B环境AstroCanvas界面,单击“导入项目包”。 导入项目后,如果当前环境中不包含同名的数据源
请求方法:请根据接口类型,选择请求方法。 请求参数 Query:请求的参数,通常指的是URL中“?”后的附加参数。 Header:Header中需要的参数,支持“字符串”和“表达式”两种。“字段类型”设置为“表达式”时,单击“默认值”,可将5中鉴权信息中返回的参数赋值给连接器的请求参数。 Body:当请求类型为P
对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串 例如输入字符串如下:
项目开发完成后,可以直接在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间资产的快速迁移。发布项目,支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前,请确保项目中的页面已发布。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。