检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何自定义库 操作场景 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文
te),单击“更新”。 图11 更新组件 返回我的组件页面,可查看到组件名称变为TabsWidget_Update。 图12 查看新组件 在组件上,单击,可查看到新版本的组件(如1.0.2)。 图13 组件新版本 查看组件历史版本 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
返回我的库页面,在组件上单击,可查看到新版本的库。 图7 查看新版本的库 查看库历史版本 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击,即可查看库的历史版本。 图8 查看库历史版本
列表:展示了所有组件的icon和标题,方便组件的快速查找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 操作步骤 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 当页面中组件较多时,切换到图层页面,可方便快速查找到所需的组件。 在图层中,单击,将列表切换为卡片样式。
桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里
分享数据集 操作场景 数据集创建后,可复制数据集的链接分享给工作空间内的其它用户,其它用户可查看或修改数据集。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据
模板默认复制到目标工作空间的“我的模板”下。 查看模板详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的模板”。 将鼠标放在对应的模板上,单击,即可查看模板详情。 图3 查看模板 删除模板 参考登录Astr
桥接器模型名称可在使用该桥接器的组件中查看。例如,在玫瑰花饼图中使用自定义桥接器,请按照如下操作获取模型名称。 返回AstroCanvas界面,在主菜单中,选择“我的资产”。 在左侧导航栏中,选择“我的组件”。 在“所有组件”中,查找到玫瑰花饼图,将鼠标放在组件上,单击,将组件下载到本地。
组件设置 操作场景 在组件设置中,查看并管理当前项目中已引用到的所有组件。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
桥接器默认复制到目标工作空间的“我的桥接器”下。 查看桥接器详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 将鼠标放在对应的桥接器上,单击。 图3 查看桥接器详情 在桥接器详情页面,查看桥接器名称、开发者、版本、更新时间等。
$”,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 表达式设置 刷新数据:单击该按钮,可预览查询出的数据。 单击“保存”,完成DWS数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏开发页面,拖拽所需组件(如基本柱图)到画布中。
选择支付方式,单击“确认付款”,完成订单支付。 图2 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看到Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图3 Astro大屏应用控制台 单击实例
下进行展示。 操作 单击操作列中的,可上传组件图标。 单击操作列中的,可删除上传的组件包。 上传成功后,返回我的组件页面,可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作,新建一个大屏页面。 在大屏页面的“全部组件
getContainer:用于返回渲染该组件的容器dom节点。 代码示例:var elem = thisObj.getContainer (),然后通过jquery去查询组件中某个dom节点时,可通过$("#id", elem)的方式来获取。 getWidgetBasePath:用于返回该组件静态资源的根路径。
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
费用账单 您可以在“费用中心 > 账单管理”查看资源的费用账单,以了解该资源在某个时间段的使用量和计费信息。 账单上报周期 包年/包月计费模式的资源完成支付后,会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 登录管理控制台。 在主菜单中,单击“费用”。 在左侧导航栏中,选择“订单管理
“复制到工作空间”。 在弹出的页面,选择目标工作空间,单击“确定”。 切换到目标工作空间,在“数据中心 > 数据集 > 全部”页面中,即可查看到对应的数据集。 父主题: 数据集管理
Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。 在AstroCanvas角色列表中,可查看到已创建的工作空间。 图1 查看工作空间 父主题: 创建工作空间
复制项目版本时,所选项目与目标空间存在资产冲突,如图1。 图1 资产冲突 操作步骤 在系统资产冲突提示界面,单击“查看详情”,查看资产冲突详情。 图2 查看资产冲突详情 查看资产冲突详情后,根据自身需要选择处理逻辑,单击“确定”。 转换器冲突,选择“覆盖目标资产”时,系统将弹出如图3提示,根据实际需求进行选择即可。
用echarts的init方法创建实例,此处可配置初始化相关的操作,包括echarts的主题等。 图5 初始化代码块 单击“参数说明”,可查看初始化代码块的参数说明。 单击,可复制初始化代码。 单击,可最大化初始化代码块页面。 实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts