检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用 eventConfig: { clickSeries:
线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
在“数据类型”下拉框中,选择“数据集”,选择创建HTTP连接器数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。
雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name": "messages-en" //
封面:为模板添加封面,可截图获取封面也可以自定义封面。 后续处理 发布为全局模板后,需要联系管理员进行审批,审批通过后,其他租户下的用户才可以使用该模板新建页面。 模板未审核 本租户下的用户登录华为云Astro大屏应用创建页面时,可在“未上线模板”中使用该模板新建页面。 图2 使用未上线模板新建页面
字体:设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏:在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 选中多个桥接器,单击“复制到工作空间”。 您可以通过鼠标框选、“Ctrl+单击”、“Ctrl+A”或“Ctrl+Shift+框选”,来选择多个桥接器。 在弹出的页面,选择目标工作空间,单击“确定”。 批量删除自定义桥接器
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 选中多个组件,单击“复制到工作空间”。 您可以通过鼠标框选、“Ctrl+单击”、“Ctrl+A”或“Ctrl+Shift+框选”,来选择多个组件。 图19 复制多个组件到目标工作空间 在弹出的页面,选择目标工作空间,单击“确定”。
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
在“数据类型”下拉框中,选择“数据集”,选择创建DWS数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。
通用设置 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
获取安全的绝对URL地址,使用方式参考如下: /* * @param {*} url */ SafeUtils.getSafeUrl(url); SafeUtils.getSafeUrl('/test.html') //return:https://华为云Astro大屏应用域名/test
可新增动作。在动作实现中,编写触发动作的执行逻辑。入参的echartsInst可以使用echarts的API,widgetInst可以使用AstroCanvas组件通用的API。单击“新增参数”,可以定义触发动作时入参字段。如何为自定义动作添加交互,请参见echarts组件自定义动作交互设置。
手动续费 包年/包月华为云Astro大屏应用从购买到被自动删除之前,您可以随时在华为云Astro大屏应用控制台为其续费,以延长使用时间。 在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标,选择“开发与运维 > Astro轻应用(原AppCube)”,进入华为云Astro轻应用服务控制台。
转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 为了便于您更好的使用转换器,华为云Astro大屏应用为您提供了盘古助手工具。盘古助手是由华为研发的基于盘古模型的AI助手,可以根据用户的需求,灵活地生成转换器代码,快速接入数据至大屏。此外,盘古助手还擅长回答各类
入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。 在大屏开发页面,单击页面上方的,保存页面。
气泡图 气泡图是指通过使用气泡形状,来展现数据的大小分布情况。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“气泡图”组件至画布空白区域,如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
资源设置 库是支撑页面组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。