检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
ents中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。
选择新建全局变量 “变量”设置为“seriesName”,“变量说明”设置为“系列名称”,单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面,“赋值到变量”选择5.g中新建的变量, 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”,设置跳转页面。
l”。 图7 新建汇合转换器 图8 通过左连接实现数据汇总 转换器:新建转换器的名称,本示例中设置为“汇合”。 目录:选择转换器的存放目录,本示例选择预置分类。 转换器内容:按需进行设置,本示例转换器内容如下,即将“多数据流1”和“多数据流2”中的数据进行汇总。 const [a
pg_index”为数据库中的表。 自定义SQL语句时,通过输入 “ $”,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 表达式设置 刷新数据:单击该按钮,可预览查询出的数据。 单击“保存”,完成DWS数据集的创建。 在组件中使用数据集
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
显示名称:自定义图表中系列的显示名称。 标记图形:设置标记的图形样式,如圆形、矩形、三角形等。 颜色设置:设置标记颜色样式,支持纯色、线性渐变和径向渐变。 颜色:设置标记的颜色。 边框颜色:设置标记边框颜色。 阴影颜色:设置标记阴影颜色。 阴影大小:设置标记阴影大小。 水平方向偏移距离:气泡图中气泡在水平方向上的偏移位置。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色:设置日历卡片的背景颜色。 边框色:设置日历卡片边框的颜色。
进行用户身份验证。 用户名:“基本身份认证”鉴权中的用户名部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 密码:“基本身份认证”鉴权中的密码部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 描述:新建数据源的描述信息,长度不能超过128个字符。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下: /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值,使用方式参考如下:
时,“作用范围”需要选择“区域级项目”,然后在指定区域(如华北-北京4)对应的项目(cn-north-4)中设置相关权限,并且该权限仅对此项目生效。如果在“所有项目”中设置权限,则该权限在所有区域项目中都生效。访问AstroCanvas时,需要先切换至授权区域。 根据授权精细程度分为角色和策略。
边框:设置单元格的边框样式。 序列号:表格中序列号设置。 序列号:表格中是否显示序列号。 序列名:设置序列号的名称。 列宽占比(%):设置序列号在表格中的列宽占比。 背景色:设置序列号的背景颜色。 半径:设置序列号的半径。 圆角:设置序列号圆角,0为直角。 字体:设置序列号的字体、大小和颜色等。
基础元素(卡片背景、特效、卡片边框)和视频元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 图12 图例字符设置效果 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。 配置 在配置中,设置组件的全局样式、表头设置、行、序列号等。 图6 配置 全局样式 背景色:设置表格的背景颜色。 表格行数:设置当前表格可视高度展示的数据行数。 边框:设置表格的边框样式。 表头设置 溢出文本:设置表格中超长文本的显示样式,如显示为省略号和换行显示。
折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸,取值范围0~100。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题: 标题:是否显示组件标题。 内容:组件标题内容。 字体:设置标题内容的字体、大小和颜色等。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 背景
图11 设置为是显示效果 引导线长度:设置标签引导线的长度。 标签内容:设置标签显示的内容,如图11显示的为数据值,也可以设置为百分比、系列名。 标签文字:设置标签内容的字体、大小和颜色等。 描边:实心圆饼图间系列和整体范围的描边样式。 图12 设置后效果 设置背景:设置饼图的背景。
显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。 左间距:图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到柱图组件顶部距离占组件高度。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。