检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
全局变量的值。 图9 全局变量 获取组件对象并操作组件 获取组件。 在“图层”页面,选中日期选择器组件。 图10 选中日期选择器组件 将鼠标悬浮在日期选择器上,组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来
项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 约束与限制 在华为云Astro大屏应用中导出项目时,项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。
] } 将脚本d3js.org_d3.v4.min.js和packageinfo.json打包为zip,在AstroCanvas界面“我的资产 > 我的库”中上传。上传成功后,回到项目设置页面。在“项目设置 > 资源”中,新建资源,选择刚上传的D3库,并保存项目设置。 成
角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
鼠标悬浮在待下载的项目上,单击。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。 图1 下载对应版本的项目包 根据业务需求,选择运行容器,单击“下载”。 图2 选择运行容器 运行容器:选择项目包的运行容器。 Astro Canvas:使用该运行容器下载的项目包,可在其他华
{widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击,获取锁。 将鼠标放在对应的组件上,单击,进入更新组件页面。 图7 进入更新组件页面 在组件更新页面,上传新的组件、设置组件参数,单击“更新”。 图8 设置组件信息 将鼠标放在对应的组件上,单击,可查看到新版本的组件(如1
o轻应用数据源时需要使用。 获取华为云Astro轻应用环境的域名。 华为云Astro轻应用环境的域名即为应用的域名,在应用设计器的URL中即可获取。 图28 华为云Astro轻应用环境的域名 获取客户端ID和密码。 在华为云Astro轻应用服务控制台的主页中,单击“进入首页”,进入应用开发页面。
根据业务需求,设置自定义桥接器中的数据连接逻辑,并将该目录中的所有文件和文件夹打成zip包。 将开发好的自定义桥接器zip包上传到华为云Astro大屏应用中。 在我的资产中,单击左侧导航栏的“我的桥接器”。 单击“添加新桥接器”,在“上传源文件”中,选择本地打包好的自定义桥接器包。 设置发行说明后,单击“提交”。
magno.savePropertiesForWidget({ // 属性应该与editor.js中的属性对应 barChartProps: JSON.stringify(_this.barPropList), barCommProps: JSON.stringify(_this
单击“保存”,完成数据源的创建。 在左侧选择“配置流程”节点,在右侧配置相关参数。 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“API接口”显示为中文标签。如果接口标签未定义,则显示接口的操作名称。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 将鼠标放在对应的桥接器上,单击,获取锁。 锁定后,单击,进入更新桥接器页面。 图4 进入更新桥接器页面 在桥接器更新页面,上传新的桥接器、设置桥接器参数,单击“更新”。 图5 设置桥接器信息 将鼠标放在对应的桥接器上,单击,可查看到桥接器的新版本。
i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
widegtApi > name:组件的名称,如“EchartsWidgetTemplate”。 widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 width:在绝对布局高级页面中,添加该组件时的默认宽度,单位为“px”,不填写默认为“200px”。
在弹出的页面,选择目标工作空间,单击“确定”。 模板默认复制到目标工作空间的“我的模板”下。 查看模板详情 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的模板”。 将鼠标放在对应的模板上,单击,即可查看模板详情。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的素材”。 在我的素材中,单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录,单击“确定”。 支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件
介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。
桥接器预置 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,相关配置请参见桥接器预置。 静态数据 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上,详情请参见静态数据。 华为云Astro大屏应用已预置了静态数据,如果需要自定义静态数据,请重置数据。 数据集 选
选中组件,单击组件上方的。 选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。
为例,设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。 { type: 'tab', name: 'multiple', parentName: