检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理页面 管理组件模板 桥接器模板 查看操作日志
文字风格:设置小图标文字的风格,支持设置为正常、斜体和倾斜体。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
请。 天地图第三方密钥,请参考天地图官网申请。 自定义地图:根据实际需求,自定义地图。如果开启自定义地图,请配置地图GeoJson数据链接地址或配置GeoJson数据素材。 地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。
件,且文件大小不能超过100KB。 执行导入操作前,请单击,查看当前组件对静态数据字段的要求。例如,玫瑰花饼图要求静态数据必须存在“s”和“value”字段列。如果不存在,右侧的“图表预览”将无法正常渲染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在
填。name字段值应与belong字段映射。 iconSrc String iconSrc: "image/setting.png" 图标地址。组件文件下,image文件中的setting.png。 classfication示例 classfication配置示例如下,其对应效果如图1所示。
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”时显示该参数,设置文字显示的字体、颜色等。 图宽占比(
Canvas”,单击“添加授权成员”,进入添加成员页面。 选择前提条件中的IAM用户,单击“确定”,完成授权操作。 在AstroCanvas成员列表中,可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后,即可正常进入AstroCanvas界面,但是会提示
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
通过参数控制响应动作 操作场景 在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 操作步骤 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。
组件响应动作实现 组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。
容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“?全局变量名=值”,给页面全局变量赋值,查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题: AstroCanvas学堂
0),在版本管理中,勾选“园区办公人员统计”页面,单击“确定”。 图1 新建版本 单击,将6中新建的版本设置为当前发布版本。 图2 设置发布版本 单击对应项目上的,即可查看到项目的首页变为了园区人员办公统计页面。 父主题: 页面管理
列表:展示了所有组件的icon和标题,方便组件的快速查找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 操作步骤 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 当页面中组件较多时,切换到图层页面,可方便快速查找到所需的组件。 在图层中,单击,将列表切换为卡片样式。
选择支付方式,单击“去在线支付”,完成订单支付。 图4 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图5 Astro大屏应用控制台 父主题: 购买AstroCanvas实例
数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图8 查看后台分页效果 父主题: AstroCanvas学堂
最新动态 本文介绍了Astro大屏应用 AstroCanvas各特性版本的功能发布和对应的文档动态,欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCan
自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 导航