检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参,使用方式参考如下: var widgetBasePath = thisObj.getWidgetBasePath(); getMessages 一般用于在初始化阶段,获取该组件国际化配置文件中定义的国际化文件内容,推荐配置vue和vueI18n使用,无入参,使用方式参考如下:
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置日历组件当月默认状态、选中状态、日历卡片、头部等。 图4 日历组件配置 当月默认状态/选中状态/前月和下月状态/数据系列4...... 对应的状态码,系统默认有如下几个状态,每个状态有对应的状态码来标识。
在前台对数据进行筛选 列宽占比(%):设置列宽的占比。 表头对齐方式:设置表头的对齐方式,如居中、左对齐等。 表头背景色:设置表头的背景颜色。 表头字体:设置表头的字体、颜色和大小等。 内容对齐方式:设置表格中内容的对齐方式,如居中、左对齐等。 内容字体:设置表格中内容的字体、颜色和大小等。
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
边框:设置表头的边框样式。 行配置 奇行背景色:设置奇数行数据的背景颜色。 偶行背景色:设置偶数行数据的背景颜色。 单元格 溢出文本:设置表格中超长文本的显示样式,如显示为省略号、换行显示和滚动显示。 内容对齐方式:设置单元格内的内容对齐方式,如左对齐、居中或右对齐,所有列的内容对齐方式同步修改。
面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置选项卡基础样式和选项卡设置。 图4 选项卡配置 基础样式设置 标签圆角:设置标签圆角的大小,“0”为直角。 图5 标签圆角 标签间距:设置标签之间的距离,默认为“0”。
获取安全的绝对URL地址,使用方式参考如下: /* * @param {*} url */ SafeUtils.getSafeUrl(url); SafeUtils.getSafeUrl('/test.html') //return:https://华为云Astro大屏应用域名/test
地图样式:在下拉框中选择地图的样式,如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中,设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 高德地图配置 地图基本配置 地图密钥:输入地图的服务密钥,请参考高德开放平台中操作自行到官网申请。 安全密钥:如果
响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例:
时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的文本、段落和文本滚动方向。 图4 文本编辑配置 文本设置 文本内容:请输入文本内容,您也可以从后台数据中获取文本内容,详情请参见从数据中获取文本内容。
件。 边框圆角:设置边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:设置图表的背景颜色。 配置 在配置中,可进行组件标题和提示框的设置。 图4 仪表盘配置 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。 位置选择:设置标题的显示位置,支持左、右和中。
Canvas:使用该运行容器下载的项目包,可在其他华为云Astro大屏应用环境的项目列表中,通过单击“导入项目包”进行安装使用,实现将环境A迁移项目到环境B。 OneMobile:使用该运行容器下载的项目包,可在华为OneMobile上安装运行。选择此方式时,还需配置应用ID、主页、环境类型等参数。 图3
即单击“取消当前主题卡片装饰”)。 配置文本编辑组件。 选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本
折柱图 折柱图是柱状图的一种,通过折线和柱状图相结合的方式,将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“折柱图”组件至画布空白区域,如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解
图片地址:支持输入图片地址,来展示图片。 链接:设置单击图片后,跳转的链接地址。 图片设置:设置图片填充方式,并选择对应图片。 数据 在数据中,配置图片组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置图片与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 媒体
示标识。 图8 基本饼图图例 统一配置 图例:是否显示图例,如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式:设置图例的水平对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。
将组件保存为卡片 将组件保存为卡片,方便后期有需要时,随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图
识。 图10 实心圆饼图图例 统一配置 图例:是否显示图例,如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式:设置图例的水平对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。
华为云Astro轻应用数据集 获取某华为云Astro轻应用环境中的对象数据,作为组件输入数据。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建,如何创建请参见创建应用。 创建数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
一站式数据实时可视化大屏展示需求。 图1 华为云Astro大屏应用业务全景 视频介绍 为什么选择华为云Astro大屏应用 多种数据接入能力,在大屏资产中心里,可保存多种卡片,快速进行业务调整,随心所选 、高效复用。 同一租户下可配置组织划分,可以根据群体权限隔离,支持独立空间管理大屏。