检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域。 选中文本编辑组件,单击组件上方的,设置文本编辑组件数据。 图9 设置组件数据 选中文本编辑组件,单击组件上方的,设置组件显示的内容。 图10 设置文本编辑组件显示内容 单击“新增条件格式”,设置条件和响应数据列的样式。
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时,才会显示该组件。 在大屏设计页面,从“全部组件 > 3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。
setCookie("key","value") HttpUtils.getI18n:返回一个Vue18n的实例,配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例:HttpUtils.getI18n({locale: HttpUtils
setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例,配合Vue和VueI18n使用。使用方式参考如下: /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({
zip)的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"
开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。 在工具栏中,单击,进入页面发布设置。
js为组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。其中,“{widget}”为自定义组件的名称,如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js文件只在组件编辑状态被加载,主要包括proper
单击该图标,可在线编辑该版本库。 编辑库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击。 图6 编辑库 在库编辑页面,单击右上角的,获取锁。 按需在线修改库文件,单击。
在图层中将组件保存为卡片 在卡片设置中,输入卡片的名称,单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一:在编辑页面“我的卡片”中,查看已保存的卡片。 图4 在编辑页面查看保存的卡片 方式二:在“我的资产”中,查看已保存的卡片。 图5 在我的资产中查看 父主题: 组件管理
{widget}.js 文件介绍 {widget}.js为组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。
Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常运行。如果页面要使用前端框架或组件库,例如流行的Vue、Bootstrap、ElementUI等,需要将其制作成Library资产,然后上传到环境中使用。 AstroCanvas中的Widget分为以下两种:
面均无法编辑。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”。 获取项目编辑权限后,可
registerWidget("widgetVueTemplate", "The widget template showing how to use the Vue library", params); registerConnector 必须在connector.js中注册connector,使用方式参考如下:
单击该图标,可下载当前版本组件。 :单击该图标,可在线编辑该版本组件。 编辑组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击。 图10 编辑组件 在组件编辑页面,单击右上角的,获取锁。
Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见DWS产品文档。 操作步骤 参考登录A
Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见DWS产品文档。 前提条件 连接的数据源已创建,如何创建请参见DWS数据源。
单击该图标,可在线编辑该版本桥接器。 编辑桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 将鼠标放在对应的桥接器上,单击。 图6 编辑我的桥接器 在桥接器编辑页面,单击右上角的,获取锁。
通过AstroCanvas中预置的交通管理模板,快速创建一个可视化大屏页面。 预览并发布大屏页面 在线预览大屏页面效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。 步骤一:注册账号并实名认证 使用AstroCanvas前,需要先注册
获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化文件内容,推荐配置vue和vueI18n使用。 hideWidget 隐藏组件。 showWidget 显示组件。 triggerEvent 触发事件,需要配合registerEvent使用。
"name": "messages-zh" } ], "requires": [{ "name": "global_Vue", "version": "100.8.7" }, { "name": "global_VueI18n", "version":