检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
Index.js规范 Index.js文件是组件的主入口文件，该文件提供了一个示例供您参考，并介绍了index.js文件中常用的组件生命周期或相关函数。 示例组件为一个文本组件：展示度量字段的值，并允许对文本进行样式设置。 表1 组件方法 函数 说明 refresh() 默认渲染方法
创建自定义组件 本文介绍如何注册、调试、发布自定义组件。 步骤一：注册自定义组件 登录智能数据洞察控制台。 单击管理控制台左上角的，选择区域。 单击首页左侧“菜单栏 > 开发者平台”，进入开发者平台界面。 单击页面右上角的“注册组件”，弹出注册组件界面。 配置参数后，确认无误单击“
获取大屏组件列表 功能介绍 获取大屏组件列表。 URI GET /v1/{project_id}/screens/{screen_id}/nodes 表1 路径参数 参数 是否必选 参数类型 描述 project_id 是 String 项目ID。获取方法请参考获取项目ID。 最小长度
制作交互 交互组件的主要作用是通过添加交互的方式对数据报表页面进行美化。 前提条件 已开通DataArts Insight服务。 已创建管理数据源的项目，参考创建项目完成项目创建。 您已获取数据，参考新建数据源。 已创建所需的数据集，参考可视化创建数据集完成数据集创建。 操作步骤
视频 本章节主要介绍视频各配置项的含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，
创建媒体 媒体组件包括图片组件和视频组件，主要用于通过图片和视频方式对数据报表页面进行补充说明。 前提条件 已开通DataArts Insight服务。 已创建管理数据源的项目，参考创建项目完成项目创建。 操作步骤 登录DataArts Insight管理控制台。 单击管理控制台左上角的
跑马灯 本章节介绍跑马灯相关的样各配置项的含义。 字段 文本内容框内输入对应的文本。设置成功后跑马灯效果自动展示。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度
自定义组件开发包说明 组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍 父主题： 自定义组件
组件开发包文件介绍 本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index.less
大屏全局参数配置 大屏编辑页面简介 图1 大屏编辑页面 表1 大屏区域简介 名称 说明 工具栏 在工具栏，您可以将组件可以左对齐、左右居中、右对齐、上对齐、上下居中对齐、下对齐、置顶、置低操作。 页面配置区域 图层：支持多图层。可配置图层组、图层轮播、锁定和隐藏图层等。 组件：为大屏添加多种组件
进度条 本文介绍进度条的参数含义。 字段 在数据列下的类别轴/维度和轴值/度量内，选择需要的“数值/度量”。 手动输入，需要分别输入目标值和进度值。 动态输入：字段列表还包含以下内容方便您更好地分析数据内容。 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段
环形进度条 本章节主要介绍环形进度条的各配置项的含义。 字段 环形进度条字段设置支持手动输入和动态字段配置。 手动输入，需要分别输入目标值和进度值。 图1 手动输入 动态字段 在数据列下的轴值/度量内，选择需要的“轴值/度量”，拖拽至进度值/目标值/度量区域。 过滤：如果您的数据量较大
台阶图 本章节主要介绍台阶图各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改
饼状图表 本章节主要介绍饼状图各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改
数字翻牌器 本章节介绍数字翻盘相关的样各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 设置过滤 在数据列内的维度和度量列表内找到需要的数据字段。 单击过滤内的需要设置过滤字段上的，进入设置过滤器页面。 过滤参数设置完成后
阈值翻牌器 本章节介绍阈值翻牌器相关的样各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 设置过滤 在数据列内的维度和度量列表内找到需要的数据字段。 单击过滤内的需要设置过滤字段上的，进入设置过滤器页面。 过滤参数设置完成后
水平柱状图 本章节主要介绍水平柱状图各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改
线状图表 本章节主要介绍线状图各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改
折线柱图 本章节主要介绍折线状柱图各配置项的含义。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改
折线柱图 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改。 聚合方式 选择“聚合方式
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
