检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时,用户逐个修改组件的桥接器配置会过于繁琐,可直接将桥接器配置为调用后台接口,在“项目设置”中打开“启用模拟数据”开关,一键
组件删除后不可恢复,请谨慎操作。 修改组件名称 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在组件的名称上,单击,即可修改组件名称。 图18 修改组件名称 批量复制自定义组件到工作空间
景色同步修改。 表头字体:设置表头字体,所有列的表头字体同步修改。 边框:设置表头的边框样式。 单元格 溢出文本:设置表格中超长文本的显示样式,如显示为省略号、换行显示和滚动显示。 内容对齐方式:设置单元格内的内容对齐方式,如左对齐、居中或右对齐,所有内容对齐方式同步修改。 内容
</div> 对下载的模板进行重命名,本示例修改为BarGraph。 进入解压后的目录,修改文件名称,即将EchartsWidgetTemplate.css修改为BarGraph.css,EchartsWidgetTemplate.editor.js修改为BarGraph.editor.j
居中或右对齐。 表头行高占比(%):设置表头行高的占比。 表头背景色:设置表头的背景颜色,所有列的表头背景色同步修改。 表头字体:设置表头字体,所有列的表头字体同步修改。 边框:设置表头的边框样式。 行配置 奇行背景色:设置奇数行数据的背景颜色。 偶行背景色:设置偶数行数据的背景颜色。
表头对齐方式:设置表头的对齐方式,如左对齐、居中或右对齐。所有列的表头对齐方式同步修改。 表头行高占比(%):设置表头行高的占比。 表头背景色:设置表头的背景颜色,所有列的表头背景色同步修改。 表头字体:设置表头字体,所有列的表头字体同步修改。 边框:设置表头的边框样式。 行配置 奇行背景色:设置奇数行数据的背景颜色。
echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。 echartsInst
数据中心用于对页面的数据源进行集中的配置管理,支持多种数据源,如静态数据、调用华为云Astro轻应用API接口和ROMA API接口等。 数据源管理:新增并管理关系型数据库、DWS、DLI和华为云Astro轻应用等数据源。 数据集管理:新增并管理数据集,配置数据集后,在组件“数据”页签中可选择具体的数据集。
单击“保存为静态数据集”,可将当前使用的静态数据保存为数据集。 图4 将静态数据保存为数据集 在弹出的提示页面,如果单击“确定”,可将当前组件的“数据类型”修改为静态数据保存后的数据集。 图5 将组件数据替换为数据集 父主题: 数据接入
o大屏应用界面。 在顶部菜单栏中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”,参考新建转换器中操作,创建一个转换器。 在修改转换器页面,单击图标,即可进入盘古助手。 图1 盘古助手 从页面数据集进入盘古助手 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
registers"); } } }) 将修改后的组件Widget包,重新打包。 返回华为云Astro大屏应用界面,选择“我的资产 > 我的组件”,单击“添加组件”,将3.d中的组件包上传至组件库中。
在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件”,修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件 在事件实现中,输入如下代码,即echarts实例的“单击系列
中,支持包含变量,例如“https:example.{region}.com”。地址中的变量,在使用数据源时,支持修改,如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式:设置接口的鉴权方式,支持无身份认证和基本身份认证(用户名/密码)两种。 无身份认证:不需要任何验
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
将鼠标放在对应的桥接器上,单击。 图6 编辑我的桥接器 在桥接器编辑页面,单击右上角的,获取锁。 按需在线修改桥接器文件,单击。 在弹出的提示框中,单击“确定”。 在桥接器更新页面,按需设置桥接器参数(如修改桥接器名称为桥接器-Update),单击“更新”。 图7 更新桥接器 返回我的桥接器页面,
在桥接器模板页面中,单击模板bridgeBasicTemplate,进入模板详情页。 在桥接器模板详情页,单击“下载”,将模板包下载到本地。 解压已下载的模板,修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同,否则在组件中设置数据源时,桥接器实例无法选择到该桥接器。
增加选项卡组件的选项卡数量,并设置选项卡名称。 选中选项卡组件,单击组件上方的。 在选项卡设置中,将“选项卡数量”设置为4。 图3 增加选项卡数量 修改选项卡的名称。 图4 修改选项卡名称 调整矩形装饰和选项卡组件的相对位置。 拖拽基本饼图、玫瑰花饼图、基本柱图、多折线图和气泡图到矩形装饰中。 图5 拖拽图表到矩形装饰中
间距:设置词云间距。 倾斜角度范围:设置词云倾斜角度范围你,取值为[-90, 90]。 角度阶梯:设置词云角度阶梯。 数据系列:展示系列内容,支持修改系列颜色。 展开更多数据系列:单击,可新增数据系列。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图7
文件夹标题的长度不能超过64个字符,只能由数字、字母、汉字及下划线组成,且不能以下划线开头或结尾。 单击新建文件夹后的“...”,可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题: 创建项目
文件夹标题的长度不能超过64个字符,只能由数字、字母、汉字及下划线组成,且不能以下划线开头或结尾。 单击新建文件夹后的“...”,可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题: 创建项目