检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建大屏&PC端项目 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击“新建项目”。 在新建项目页
户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件
在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“日志管理 > 操作日志”。 在操作日志页签,按时间、操作员或客户端IP,进行分页查询。 父主题: 管理页面
向右等。“渐变类型”设置为“线性渐变”时,才需要设置此参数。 颜色1:自定义渐变颜色1。“渐变类型”设置为“线性渐变”或“径向渐变”时,才需要设置此参数。 颜色2:自定义渐变颜色2。“渐变类型”设置为“线性渐变”或“径向渐变”时,才需要设置此参数。 CSS background属
可对“手动续费项”、“到期转按需项”和“到期不续费项”页签的资源开通自动续费。 选中需要开通自动续费的AstroCanvas,单击“操作”列“开通自动续费”。 图2 开通自动续费 选择续费时长,并根据需要设置自动续费次数,单击“开通”。 图3 开通自动续费 父主题: 续费
getConnectorProperties(); // 获取组件Connector数据 // 监听resize事件, 画布resize时需要重新绘制一下,如果有其他需要,参数可以传入函数,resize时会调用 this.registerResizeEvent(); }, getConnectorProperties
轴条默认样式:设置轴条的默认样式。“显示尾”需要设置为“显示”。 图5 轴条默认样式 轴条选中样式:设置轴条选中时的样式。“显示头”需要设置为“显示”。 图6 轴条选中样式 轴条粗细:设置轴条的粗细。 显示头:设置轴条的选中样式时,该参数需要设置为“显示”。 头轴条样式:设置头轴条选中时的样式。“显示头”需要设置为“显示”。
在颜色设置中,可以更改热力颜色,也可以单击“新增颜色设置”,添加色块颜色。 热力范围 着色显示的数据范围,需要设置最大值和最小值。 热力标注 设置是否显示标注,设置显示时,需要设置字体、字体颜色和字体大小。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。
续费管理 所有需手动续费的资源都可归置到“手动续费项”页签,具体操作请参见如何恢复为手动续费。 找到需要续费的资源,单击操作列的“续费”。 图4 手动续费 进入续费页面,选择需要续费的时长,单击“去支付”。 图5 续费确认 进入支付页面,选择支付方式,确认付款,支付订单后即可完成续费。
S样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件
入两种方式来新增数据。 手工输入:在右侧数据配置页面,单击,输入对应数据。如果需要添加列或行,可单击“添加列/行”,新增列和行。如果需要删除某些行,可以先选中待删除的行,再单击“删除选中行”。如果需要清除所有内容,可单击“清除列表”。 图2 输入静态数据 将鼠标放在某个列上,单击
于计费项的详细介绍,请参见计费项。 续费 包年/包月AstroCanvas到期后,会影响AstroCanvas正常运行。如果您想继续使用,需要在指定的时间内为AstroCanvas续费,否则已创建的项目、页面等功能的使用可能将会受限。关于续费的详细介绍,请参见续费概述。 费用账单
资产冲突 查看并解决资产冲突 在系统资产冲突提示界面,单击“查看详情”,查看资产冲突详情。 图2 查看资产冲突详情 查看资产冲突详情后,根据自身需要选择处理逻辑,单击“确定”。 转换器冲突,选择“覆盖目标资产”时,系统将弹出如图3提示,根据实际需求进行选择即可。 图3 转换器冲突 数据
图1 隐藏组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,隐藏组件。 图2 在图层中隐藏组件 图3 隐藏后效果 组件隐藏后,如果需要再次显示组件,请单击“图层”,将鼠标悬浮在已隐藏的组件上,单击显示图标。 父主题: 组件管理
原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”时显示该参数,设置文字显示的字体、颜色等。 图宽占比(
请。 天地图第三方密钥,请参考天地图官网申请。 自定义地图:根据实际需求,自定义地图。如果开启自定义地图,请配置地图GeoJson数据链接地址或配置GeoJson数据素材。 地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。
个接口的数据,避免多次调接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 输入数据:系统已预置了静态数据,如果需要自定义静态数据,请重置数据。“桥接器数据类型”选择“静态数据”时,才显示该参数。 刷新周期:每隔多少秒调用一次后台接口,默认配置为“0”,表示只调用一次。
开启画布网格线功能,用于标定组件在画布中的位置,方便对齐页面组件,发布页面后网格线不会显示出来。开启网格后,支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中,等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力,无自适应指页面不会根据不同大小终端设备自适应显示。 图3
的Library,则Widget不能正常运行。如果页面要使用前端框架或组件库,例如流行的Vue、Bootstrap、ElementUI等,需要将其制作成Library资产,然后上传到环境中使用。 AstroCanvas中的Widget分为以下两种: 系统预置Widget 系统预置
发布项目前,请确保项目中的页面已发布。 发布项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,将鼠标悬浮在需要发布的项目上,单击,发布项目。 在版本管理中,单击“+ 新建版本”。 设置版本号和版本描述(可选),勾选待发布的页面,选择页面版本,单击“确定”。