检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
指标看板 指标看板可以一目了然地展示数据基本情况，以方便您及时掌握现状，从而快速制定并实施应对措施。因此，指标看板是发现并解决问题的有效地方法之一。本文为您介绍如何为指标看板添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。 度量
饼/环图 饼图 雷达图 父主题： 仪表板可视化控件
柱状/条形图 簇状柱状图 堆积柱状图 堆积条形图 甘特图 父主题： 仪表板可视化控件
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
散点/气泡图 散点图 气泡图 父主题： 仪表板可视化控件
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
参数设置完成之后，单击“确定”完成联动设置。 场景示例：以某店销售产品报表为示例。 创建表格（表格字段显示：生产时间、产品名称、产品类型、区域、用户名、生产价格），创建柱状图（显示字段：产品价格、用户年龄、生产时间）。图13右上角柱状图联动过滤左边柱状图，显隐下面表格图表。 图13 联动图表 单击柱状图>交互>
UI类型介绍 本文介绍自定义组件支持的控件（组件样式配置项）。您可以通过gui.json文件中定义的type字段，来定义控件的类型和配置。 支持的Type类型 Type字段支持以下类型： input：文本输入框。 number：数值控件，支持输入，支持定制最大值、最小值等。 se
环形进度条 本章节主要介绍环形进度条的各配置项的含义。 字段 环形进度条字段设置支持手动输入和动态字段配置。 手动输入，需要分别输入目标值和进度值。 图1 手动输入 动态字段 在数据列下的轴值/度量内，选择需要的“轴值/度量”，拖拽至进度值/目标值/度量区域。 过滤：如果您的数据
触发select类型的交互，需要在gui.json的event中配置type为“select”，调用方法如下： // click为触发交互时的方法，为用户自定义方法，为保证this上下文不变，请使用箭头函数 click = () => { // 交互触发 this.eventEmit({
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
Insight分析场景的重要组成部分。 本案例模拟某公司用户、商品销售数据为基础，利用DataArts Insight来制作用户和商品的各种数据特征的大屏。 搭建流程 图1 搭建数据大屏 步骤1：数据准备 在新建数据大屏前，需完成以下准备工作。 新建项目空间 接入数据源 新建数据集 因案本例与使用DataArts
isExpand 否 Boolean 是否展开子配置项。 true：展开。 false：不展开。 name 是 String 配置项key值，用户在命名时要注意唯一性（只限于当前组件）。 配置项的其他属性参数 否 - 不同UI类型具有不同的属性参数，请参见UI类型介绍。 children
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
组件开发包文件介绍 本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index
是否必选 参数类型 描述 X-Auth-Token 是 String 用户Token。通过调用IAM服务获取IAM用户Token接口，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。 最小长度：0 最大长度：8192 响应参数 状态码： 200
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
当勾选框时，支持对X轴的标题、文本，轴标题自动获取或自定义输入，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示X轴的坐标轴。 当勾选框时，支持对X轴坐标线的字体大小和颜色设置。
是否必选 参数类型 描述 X-Auth-Token 是 String 用户Token。 通过调用IAM服务获取IAM用户Token接口，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见Token认证。 表3 请求Body参数
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
