检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例,配合Vue和VueI18n使用。使用方式参考如下: /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({
setCookie("key","value") HttpUtils.getI18n:返回一个Vue18n的实例,配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例:HttpUtils.getI18n({locale: HttpUtils
Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常运行。如果页面要使用前端框架或组件库,例如流行的Vue、Bootstrap、ElementUI等,需要将其制作成Library资产,然后上传到环境中使用。 AstroCanvas中的Widget分为以下两种:
如“global_VueI18n”是基于“global_Vue”的,需要写在“global_Vue”之后。 在Widget包(widget_demo_mintui.zip)的widget_demo_mintui.ftl中写一个简单的表单DOM。 <div id="widget_demo_mintui">
"name": "messages-zh" } ], "requires": [{ "name": "global_Vue", "version": "100.8.7" }, { "name": "global_VueI18n", "version":
获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化文件内容,推荐配置vue和vueI18n使用。 hideWidget 隐藏组件。 showWidget 显示组件。 triggerEvent 触发事件,需要配合registerEvent使用。
如果有新版本资源,可单击,对资源进行升级,也可以直接单击“升级所有资源”,进行资源升级。 图2 升级资源 单击“开启调序”,调整库的顺序,如Vue放在VueI18n前面。 图3 调整库的顺序 设置完成后,单击“保存”。 父主题: 项目管理
registerWidget("widgetVueTemplate", "The widget template showing how to use the Vue library", params); registerConnector 必须在connector.js中注册connector,使用方式参考如下:
messages: this.getMessages(), }); const i18nVM = new window.Vue({ i18n }); this.$t = (key) => i18nVM.$t(key); }, getProps() {
参数,设置图形的高度占比。 最大分值:“显示方式”设置为“评星”时显示该参数,设置5颗星的最大分值 。 评星固定为五颗星,当数据的最大值不等于5时,需填写数据的最大分值。 显示星数=实际数值/评分最大分值x5颗星。 当数据超过最大值的时候,显示5颗星。 默认颜色:“显示方式”设置
ckData属性来记录桥接器是否启用了模拟数据,同时在桥接器父类代码中预置了getMockData函数,开发人员只需在自定义桥接器中自己覆写getMockData函数,实现获取模拟数据的逻辑即可。当“启用模拟数据”开关打开时,mockData属性会记录启用了模拟数据,getMoc
树状表格 树状表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状表格”组件至画布空白区域,如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件