检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 后台排序 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建后台排序转换器。 在主菜单中,选择“数据中心”。
删除连接器 操作场景 连接器删除后不可恢复,请谨慎操作。 删除连接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“删除”。 在弹出的确认框中,单击“确定”,即可删除连接器。
背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,
showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 options Object 是 options: ["label": {"zh_CN":
showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 options Object 是 options: ["label": {"zh_CN":
设置交互能力,根据不同的分类设置基本交互,即组件的显示/隐藏。 选中选项卡组件,单击组件上方的,进入交互设置页面。 在作为触发器中,单击“+ 交互事件”,选择“饼图事件”。 饼图事件对应饼图选项卡,当选择饼图时,显示两个饼图组件,隐藏其他图表组件。 图6 显示饼图组件 图7 隐藏其他图表组件 按
zh_CN: '显示标签', en_US: 'Emphasis Focus' }, value: true, options: [ { label: { zh_CN: '显示', en_US:
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类
eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
操作场景 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器
不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
均处理时长统计”。 图9 设置组件标题 选中基本折线图组件,单击组件上方的,打开Y轴轴线“显示”开关。 图10 轴线显示 单击页面上方的,保存后单击,选择不同手机型号查看页面在移动端上的显示效果。 图11 查看预览效果
介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget
referenceLine 图表的X、Y轴参考线配置。 metrics 指标-自定义 metrics 图表的指标配置,如显示/隐藏、内容和样式控制。 自定义分类 自定义分类时,可以使用分类的对象形式,对象中可以配置的字段如下表所示。 表2 自定义分类对象中的字段 字段 类型 示例 说明 tip
页面扩容包仅适用于在购买基础版/专业版实例的基础上使用,不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。在使用AstroCanvas过程中,当页面数达到上限时,可通过购买页面扩容包来增加页面数。 操作步骤 参考购买AstroCanvas实例中操作购买实例,在已购买的实例中单击“操作 >
showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示 function定义。 events Object 否 events: { change: function(vm
{url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。 单击相应数据,跳转到对应页面,符合预期。 父主题:
图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来操作组件,如显示/隐藏组件。关于API的详细介绍,请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}.hideWidget();
setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例,配合Vue和VueI18n使用。使用方式参考如下: /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({ locale: