检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
Prometheus数据源 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录A
示,返回true显示function定义。 options Object 是 options: ["label": {"zh_CN": "开启","en_US": "Enable"},"value": true},{"label": {"zh_CN": "关闭","en_US":
在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按钮显示文字的字体、文字粗细、文字大小、文字颜色。 默认背景色:处于默认状态下的背景色。
嵌入页面虚拟为不同域名时,可以提高整个页面的加载速度。 图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时,可打开该开关。开启后,可配置单个页面的展示时长。 页面编辑 单击切换页面后的,新增该组件区域展示的页面,支持选取项目内的其他大屏页面和外部页面。 图5 项目内页面
是否允许用户创建新条目,需配合filterable使用,默认为false。 multiple Boolean 否 multiple: false 开启多选,默认为false。 noClearable Boolean 否 noClearable: true 是否允许清空。 remote Boolean
自动播放:打开页面后是否自动播放视频。 循环播放:是否循环播放视频。 静音播放:播放视频时是否静音。静音后,在播放视频时无法调整音量。 控制条:选择是否开启视频控制条。 数据 在数据中,设置视频组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置视频组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
作用域:选择项目变量作用的页面,可以是项目中的所有页面也可以是某一个或多个页面。 设置完成后,单击“保存”,完成变量的创建。 创建多个项目变量时,单击“开启调序”,可调整项目变量的顺序。调整变量顺序对页面中引用的变量无任何影响,只影响视觉效果。 使用项目变量 参考创建页面中操作,创建所需的页面。
通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图7 气泡图提示 图8 气泡图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。
通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图7 散点图提示 图8 散点图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。
单击页面右上角的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称 功能 EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。
组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 - 文件示例 通用的组件核心代码
params); }, 全局变量 组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。
'clickSeries', { zh_CN: '点击系列', en_US: 'Click Series' }); clickSeries对象中,“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下:
百分号左间距:设置数值和百分比之间的间距。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图11 轮播饼图提示 图12 开启提示效果图 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图12。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。
新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集 支持从指定的schema中,选择数据表。如果不指定schema,默认从public类型的数据库表中获取数据。
百分号左间距:设置数值和百分比之间的间距。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图15 基本饼图提示 图16 开启提示效果图 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图16。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。
"configuration", 归属于classfication中哪一个分类。 config Array config: [] config数组中,每一个对象保存的配置项信息。config中,配置项的介绍,请参见组件配置项(Config配置)。 父主题: {widget}.editor.js
function filter(dataset) {}:转换器的数据处理代码。例如,输入如下示例,表示获取待处理数据中“result”中子对象“result”的数据。 return dataset.result.result 测试数据:转换器处理的验证输入数据,支持手工输入和使用
新建echarts单击系列事件 在事件实现中,输入如下代码,即echarts实例的“单击系列”动作将会发送此事件,携带参数为echarts传递的事件对象。 echartsInst.on('click', 'series', triggerCurrentEvent); 单击“新增字段”,设置字段名称为“seriesIndex”。
新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 动作:创建HTTP连接器时,定义的执行动作。 参数:执行动作在连接器中,定义的参数。字段类型为