检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
下载项目包,在B环境安装。 约束与限制 在B环境导入项目时,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击,重新配置。 安装项目 在A环境华为云Astro大屏应用界面的“项目列表”
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
转换器冲突,选择“覆盖目标资产”时,系统将弹出如图2提示,根据实际需求进行选择即可。 图2 转换器冲突 数据源和数据集这两种资产出现名称冲突,但资源类型不同的情况时,系统默认选择生成副本。 图3 数据源和数据集冲突 父主题: 项目管理
将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
前主题卡片装饰”,可清除已设置的主题颜色,恢复到经典原始。 6 数据 页面数据集的创建入口。华为云Astro大屏应用中的组件,支持对接页面级的数据集,以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况,可以减少重复的请求跟重复的配置。 页面设置 华为云As
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 散点图图形 颜色:设置图表中图形的颜色。 统一配置 标记图形:设置标记的图形,如圆形、矩形、三角形等。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值
i18n.json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n":
级。 单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中
eventConfig 字段介绍 eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下:
私有化部署升级指导 华为云Astro大屏应用运行环境部署包存在多个版本,且新版本相对于之前的版本存在功能变动时,可按照本章节操作更新已部署的华为云Astro大屏应用。 更新已私有化部署的华为云Astro大屏应用有两种方式,一种是创建一个新目录部署一个全新的华为云Astro大屏应用
态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的t
管理员:拥有大屏开发权限、数据中心开发权限和添加用户到管理员、开发者、数据分析师、数据工程师和访问者权限。 开发者:拥有大屏开发权限、数据中心开发权限。 数据分析师:拥有大屏开发权限、数据中心只读权限。 数据工程师:拥有大屏只读权限、数据中心开发权限。 访问者:拥有大屏只读权限、数据中心只读权限
鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。 数据 在数据中,设置树状下拉框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
柱条宽度:柱状条相对于X轴单位间隔的宽度。 数据标签:是否显示数据标签,即柱状条旁是否显示数值。开启后,支持设置数值显示位置、数值颜色、前缀和后缀。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
面。 初识开发页面:华为云Astro大屏应用一站式数据可视化开发页面,由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成。在开发页面前,建议先了解其功能。 使用空白画布新建页面:通过拖拽组件、设置页面布局、组件数据和交互方式等,构建可视化页面。页面创建后,请根据自身业务需求,为页面添加组件。
折线宽度:设置图形中折线的宽度,取值范围为0~100。 拐点尺寸:设置拐点尺寸,取值范围为0~100。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。