检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
线/面图 折线图 面积图 堆积面积图 折线柱状图 组合图 父主题: 仪表板可视化控件
置绑定字段,否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转:跳转到内部的大屏和仪表板项目。 外部跳转:跳转到非软件中的链接。 打开方式 当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。 新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
表格 表格 交叉表 热力图 父主题: 仪表板可视化控件
String 实例ID。 project_id 是 String 项目ID。获取方法请参见获取项目ID。 请求参数 表2 请求Header参数 参数 是否必选 参数类型 描述 X-Auth-Token 是 String 用户Token。 通过调用IAM服务获取IAM用户Token接
饼/环图 饼图 雷达图 父主题: 仪表板可视化控件
绑定字段,否则无法跳转。 表12 参数说明 参数 描述 跳转类型 系统内部跳转:跳转到内部的大屏和仪表板项目。 外部跳转:跳转到非软件中的链接。 打开方式 当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。 新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
柱状/条形图 簇状柱状图 堆积柱状图 堆积条形图 甘特图 父主题: 仪表板可视化控件
绑定字段,否则无法跳转。 表13 参数说明 参数 描述 跳转类型 系统内部跳转:跳转到内部的大屏和仪表板项目。 外部跳转:跳转到非软件中的链接。 打开方式 当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。 新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
散点/气泡图 散点图 气泡图 父主题: 仪表板可视化控件
参数设置完成之后,单击“确定”完成联动设置。 场景示例:以某店销售产品报表为示例。 创建表格(表格字段显示:生产时间、产品名称、产品类型、区域、用户名、生产价格),创建柱状图(显示字段:产品价格、用户年龄、生产时间)。图11右上角柱状图联动过滤左边柱状图,显隐下面表格图表。 图11 联动图表 单击柱状图>交互>
UI类型介绍 本文介绍自定义组件支持的控件(组件样式配置项)。您可以通过gui.json文件中定义的type字段,来定义控件的类型和配置。 支持的Type类型 Type字段支持以下类型: input:文本输入框。 number:数值控件,支持输入,支持定制最大值、最小值等。 se
置绑定字段,否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转:跳转到内部的大屏和仪表板项目。 外部跳转:跳转到非软件中的链接。 打开方式 当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。 新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
环形进度条 本章节主要介绍环形进度条的各配置项的含义。 字段 环形进度条字段设置支持手动输入和动态字段配置。 手动输入,需要分别输入目标值和进度值。 图1 手动输入 动态字段 在数据列下的轴值/度量内,选择需要的“轴值/度量”,拖拽至进度值/目标值/度量区域。 过滤:如果您的数据
触发select类型的交互,需要在gui.json的event中配置type为“select”,调用方法如下: // click为触发交互时的方法,为用户自定义方法,为保证this上下文不变,请使用箭头函数 click = () => { // 交互触发 this.eventEmit({
isExpand 否 Boolean 是否展开子配置项。 true:展开。 false:不展开。 name 是 String 配置项key值,用户在命名时要注意唯一性(只限于当前组件)。 配置项的其他属性参数 否 - 不同UI类型具有不同的属性参数,请参见UI类型介绍。 children
最小长度:0 最大长度:128 X-Auth-Token 是 String 用户Token。通过调用IAM服务获取IAM用户Token接口,接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。 最小长度:0 最大长度:8192 表3 请求Body参数 参数
最小长度:0 最大长度:128 X-Auth-Token 是 String 用户Token。 通过调用IAM服务获取IAM用户Token接口,接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。 最小长度:0 最大长度:8192 表3 请求Body参数
组件开发包文件介绍 本文介绍开发者在开发自定义组件时,需要遵循的文件结构。 在使用命令insight init生成组件包之后,组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置,包括样式、数据和交互的配置。 Index.js 组件主入口。 Index
是否必选 参数类型 描述 X-Auth-Token 是 String 用户Token。 通过调用IAM服务获取IAM用户Token接口,接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见Token认证。 表3 请求Body参数
是否必选 参数类型 描述 X-Auth-Token 是 String 用户Token。通过调用IAM服务获取IAM用户Token接口,接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。 最小长度:0 最大长度:8192 响应参数 状态码: 200