检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
在华为云Astro大屏应用界面“我的资产 > 我的组件”中,将自定义组件上传到组件库中时,“场景”请选择“大屏&PC端”、“移动端”。设置后,该组件才可在页面中展示。 图1 上传自定义组件 华为云Astro大屏应用中组件 介绍华为云Astro大屏应用支持的组件类型,以及每个类型下所包含的具体组件,帮助您快
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。 地图样式:设置地图基本样式模板。 热力图层配置 显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
助您安全的控制华为云资源的访问。 通过IAM,可以在华为云账号中给员工创建IAM用户,并使用策略来控制用户对华为云资源的访问范围。例如,员工中有负责软件开发的人员,希望该类员工只拥有华为云Astro大屏应用的使用权限,但是不希望拥有删除华为云Astro大屏应用等高危操作的权限,那
选中基本折线图组件,单击组件上方的,设置组件标题“内容”为“告警平均处理时长统计”。 图10 设置基本折线图组件标题 选中基本折线图组件,单击组件上方的,打开Y轴轴线“显示”开关。 图11 轴线显示 单击页面上方的,保存后单击,选择不同手机型号查看页面在移动端上的显示效果。 图12 查看移动端效果
下载当前页面 操作场景 在华为云Astro大屏应用中开发完页面后,可将页面保存为模板下载到本地。模板下载后,可在如下场景中使用: 在当前账号的其他IAM用户中使用。 在当前账号的其他项目中使用。 下载当前页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
在云服务控制台停止计费 登录管理控制台。 单击左侧导航栏的图标,选择 “开发与运维 > Astro轻应用(原AppCube)”,进入华为云Astro轻应用服务控制台。 在左侧导航栏中,选择“Astro大屏应用”,进入华为云Astro大屏应用服务控制台。 在已订购的实例中,单击“退订”。 在弹出的确认框中,单击“退订”,进入退订资源页面。
填写全局模板信息 名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描述:生成模板的描述信息,可按需进行设置。 发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中,即可查看到该模板。
为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平堆叠柱图图形 颜色:设置图表中图形的颜色。 统一配置 水平堆叠:是否堆叠显示。 横向柱条:是否横向柱条效果显示。
多区域折线图 多区域折线图是线状图的一种,通过不同数据区域的对比,可对数据的变化做出更直观的展现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“多区域折线图”组件至画布空白区域,如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题:是否显示组件的标题(如图3中的服务采购)。设置为“显示”时,可自定义标题的如下属性。 内容:组件标题显示的文字内容。 字体:设置组件标题的字体样式、大小和颜色等。 对齐:标题相对于组件的对齐方式,如左对齐、居中和右对齐。
通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。 { type: 'tab', name: 'multiple',
右边距:散点图到组件边框右侧的距离。 下边距:散点图到组件边框底部的距离。 左边距:散点图到组件边框左侧的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 散点图图形 颜色:设置图表中图形的颜色。 统一配置 标记
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
库是支撑页面组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。
右边距:气泡图到组件边框右侧的距离。 下边距:气泡图到组件边框底部的距离。 左边距:气泡图到组件边框左侧的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 气泡图图形 颜色:设置表单中,图形的颜色。 统一配置 标记
图的线条、拐点等。 图6 词云图形 颜色:设置图表中图形的颜色。 统一配置 是否展示:是否展示词云,默认为是。 词云形状:设置词云形状,如圆形、心形、三角形等。 字体:设置词云的字体。 字号范围:设置词云字号范围。 间距:设置词云间距。 倾斜角度范围:设置词云倾斜角度范围你,取值为[-90
列宽占比(%):设置对应系列在图表中的占比。 表头对齐方式:设置表头的对齐方式,如居中、左对齐等。 表头背景色:设置表头的背景颜色。 表头字体:设置表头的字体、颜色和大小等。 内容对齐方式:设置表格内容的对齐方式,如居中、左对齐等。 内容字体:设置表格内容的字体、颜色和大小等。 数据 在数据中,设置树状表格组件的数据来源,更多介绍请参见数据接入。