检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考模板:系统预置的双向柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的
参考模板:系统预置的折柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图7 内边距设置后效果 图形 图形是指
参见图2),默认为0,即铺满整个组件。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图6 弧度设置为160效果 图表背景:图表背景的颜色。 图表标题:图表的标题是否显示,设置为显示时,可自定义图表标题。 图7 图表标题 图形 图形是指组件中,实现数据可视化的
所有标签设置:设置为显示后,图表中会显示标签。 图10 设置为显示后效果 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 图11 隐藏 图12 显示 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。 图13 设置为是显示效果
刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 单行字符数:设置标签单行显示的文字个数,一个中文算两个字符。“标签行为”设置为“标签字数过多换行”或“标签字数过多省略”时,才需要配置。
最小间隔:坐标轴最小间隔大小。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始值。为方便数据展示,输入值为接入数据最大值时,图表Y轴起始值为最大值一半。 左Y轴单位:设置左侧Y轴的单位。
开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget
表现形式,为可视化组件提供具体数值的参考。 图17 基本饼图指标 显示指标:图表中是否显示指标。 标题内容:自定义指标的文字内容。 标题字体:设置指标标题的字体、大小和颜色等。 自动求和:指标是否自动求和。 数值内容:“自动求和”设置为“否”时,可自定义指标数值。如果为自动求和,
边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JP
在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击,再单击。 在预览页面,单击折线图堆叠图表中的系列,页面的全局变量将被设置为参数seriesIndex的值。
的颜色优先级最高,如图11所示,颜色最终显示为白色。 图11 线ID最终显示为白色 线颜色:设置线的颜色。“显示类型”设置为“单色”时,才显示该配置项。 图12 设置线颜色 颜色设置:根据实际需求,设置线ID的颜色。“显示类型”设置为“分类显示”时,才显示该配置项。 线宽类型:设
登录您的服务器,创建安装目录。 cd /home/ mkdir canvas_private 其中,“canvas_private”为安装目录,可自定义。本章节以在“home”目录创建安装目录为例进行介绍,您也可以在其他目录下创建该目录。 将步骤二:下载运行环境中获取的AstroCanvas运行环境部署
仅在list首项展示一次label。 设置为true时,只有list中第一项展示list label。 设置为false时,每一项都展示label。 showIndex Boolean 否 showIndex: true label末尾显示计数。 设置为true时,label末尾进行计数
描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“API接口”显示为中文标签。如果接口标签未定义,则显示接口的操作名称。
相关下载。“地图中心”设置为“行政区”时,才显示该配置。 地图中心经度:设置地图中心点的经度。“地图中心”设置为“自定义”时,才显示该配置。 地图中心纬度:设置地图的中心点的纬度。“地图中心”设置为“自定义”时,才显示该配置。 缩放级别:设置地图的缩放层级。“地图中心”设置为“自定义”时,才显示该配置。
选择“DWS”,配置数据源参数。 图1 新建DWS数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。 用户名:登录数据库的用户名。 密码:数据库用户密码。 数据库名称:数据库实例名称。
新建DWS数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。 数据类型:选择“DWS”。 数据源:选择DWS数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。
数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。 数据类型:选择“Roma连接器”。 数据源:选择ROMA连接器数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。
互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
方式一:通过交互动作,更新变量。 图5 在交互动作中更新变量 方式二:通过自定义动作,更新项目变量。 图6 通过自定义动作更新变量 其中,key为项目变量的名称,value为项目变量的值。 父主题: 全局变量