检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
数据集 选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。
你可以用$pageStore.setItems([{key:'id',value:'123'}])来批量更新全局变量 */ // {widget16}.hideWidget() console.log(eventParam); console.log(data); console.log($pageStore);
成转换器代码,快速接入数据至大屏。此外,盘古助手还擅长回答各类通用问答知识,无论是编程、技术咨询还是其他领域的问题,都能够帮助用户解决问题,提供准确、逻辑性强且友好的回复。 盘古助手具备优势 高效:可以快速提供准确的答案,节省您的时间。 专业:针对用户数据,理解用户需求,快速生成
registerResizeEvent 监听必要的dom尺寸变化事件,画布resize时会触发重新绘制。 callFlowConn 根据组件配置的数据类型(数据集、桥接器、数据源和静态数据),获取数据。 beforeDestroy 组件销毁前的回调函数,组件自己实现继承。 init 组件初始化入口API,以Sel
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制到工作空间”。 在弹出的页面,选择目标工作空间,单击“确定”。 切换到目标工作空间,在“数据中心 > 数据集 > 全部”页面中,即可查看到对应的数据集。 父主题: 数据集管理
在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建AstroZero数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1
在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“AstroZero”,配置数据源参数。 图1 数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:华为云Astro
通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。 图1
editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核
将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,
(可选)新建目录 为了便于集中管理数据集,可以为数据集指定目录。 新建一个目录 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 单击“所有数据集”,再单击“...”,选择“新增目录”。
提高大屏数据及用户信息的安全性。 设置内容安全策略:大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。
自定义围栏数据 热力图层数据:热力图层数据桥接器/数据集,根据省/直辖市数值大小,热力图层颜色深浅不一。 柱状图层数据:柱状图层数据桥接器/数据集,根据省/直辖市数值大小,柱子颜色、高度不一。 标签图层数据:标签图层数据桥接器/数据集,以标签形式展示省/直辖市具体数据。 交互 在
染效果。 图10 查看渲染效果 数据 在数据中,配置ECharts组件的数据来源,更多介绍请参见数据接入。 与其他组件不同的是,ECharts组件在数据配置流程中没有字段映射,而是直接改变实例化代码块的内容。 图11 设置ECharts图表组件数据源 将左侧表格字段拖拽到右侧配置
选择seriesName变量 新增响应动作“页面跳转”,设置跳转页面。 图7 添加页面跳转响应动作 将页面参数设置为全局变量seriesName后,在目标地址的URL中会显示图7中的参数名seriesName,且其取值会根据全局变量seriesName的取值改变而改变。 图8 设置全局变量后效果
在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。 图1 设置动作详情
(可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。 在“移动端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字符,
如何通过全局变量,实现组件数据的动态变化 在华为云Astro大屏应用中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源 参
字体:设置组件的字体、大小和颜色等。 评星大小:设置评星显示星星的大小号。 数据系列 原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”