检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件开发包文件介绍 本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index
产品首页单击“开始创建>创建大屏”。 选择对应的项目，单击“确定”进入创建数据大屏页面。 在页面左侧的组件区域单击“其他”组件，切换至其他组件页。 拖动或单击其他组件至画布区域。 在页面右侧设置文本的相关信息。 父主题： 其他组件使用
Index.js文件是组件的主入口文件，该文件提供了一个示例供您参考，并介绍了index.js文件中常用的组件生命周期或相关函数。 示例组件为一个文本组件：展示度量字段的值，并允许对文本进行样式设置。 表1 组件方法 函数 说明 refresh() 默认渲染方法，当组件初始化和重绘时被调用。
单击页面右上角的“注册组件”，弹出注册组件界面。 配置参数后，确认无误单击“确定”。 表1 注册组件参数说明 参数 说明 组件名称 用户自定义的组件名称，注册后名称不支持修改。 图标 组件显示的图标，用户可自定义图标，如果不选择，则使用的是默认图标。 适用范围 注册组件的使用范围仅支持大屏和仪表板。
大屏组件 常用图表 制作地图 制作媒体 制作文本 添加素材 制作交互 其他组件使用 父主题： 新建大屏
自定义组件 自定义组件概述 创建自定义组件 管理自定义组件 自定义组件开发包说明
待发布（蓝色）：上传了开发包组件信息，但是组件还未发布。 已发布（绿色）：表示自定义组件已发布，用户可以在大屏/仪表板组件列表中查看并使用该组件。 说明： 不发布自定义组件，大屏/仪表板组件列表不显示创建的自定义组件。 已发布的自定义组件，编辑信息确认后，即使手动改回去，发布按钮也会由置灰变为高亮。
自定义组件概述 DataArts Insight不仅提供系统内置的图表组件，还支持自定义组件功能。通过自定义组件功能，您可以根据自己的特定需求，开发独一无二的组件，并有效避免重复开发相同组件的工作。完成自定义组件的开发后，可以在大屏、仪表板中使用这些自定义组件，从而创建更加直观、个性化的数据展示界面。
其他组件使用 创建组件 日期选择器 漏斗图 仪表盘 进度条 产业分布图 里程碑 父主题： 大屏组件
自定义组件开发包说明 组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍 父主题： 自定义组件
全局变量：将全局变量中的值携带到跳转的图表中。 携带条件 当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤，方便用户分析数据。 前提条件：设置两个大屏A、B，大屏A跳转到大屏B。 操作步骤： 大屏B配置全局参数，设置全局参数的字段，大屏A中也必须存在。 在
只有一个字段可以作为下钻的起点。 钻取的是时间时，自动将它的细分时间置入下钻顺序列表，并将它们放进排序字段中（已在排序中的字段不再加入）。 已下钻的字段需高亮下钻图标，将维度中的钻取字段删掉，则整个钻取功能框都消失。 设置颜色图例：将所需字段拖拽至“字段 > 颜色图例”内（只支持维
name 是 String 组件名称。 style 是 Array of Style object 组件样式面板配置。 data 是 {} 存放组件更新后的数据，保持值为{}，请勿删除。 dataSlot 否 Object 组件数据面板配置，详情请参见组件数据面板配置。 event
UI类型介绍 本文介绍自定义组件支持的控件（组件样式配置项）。您可以通过gui.json文件中定义的type字段，来定义控件的类型和配置。 支持的Type类型 Type字段支持以下类型： input：文本输入框。 number：数值控件，支持输入，支持定制最大值、最小值等。 se
获取大屏指定组件数据 功能介绍 获取大屏指定组件数据。 URI POST /v1/{project_id}/screens/{screen_id}/query-data 表1 路径参数 参数 是否必选 参数类型 描述 project_id 是 String 项目ID。获取方法请参见获取项目ID。
Page内组件列表。 数组长度：0 - 1000 表6 ScreenNodeOpenApiVO 参数 参数类型 描述 id String 组件ID。 最小长度：0 最大长度：128 name String 组件名称。 最小长度：0 最大长度：32 type String 组件类型。 最小长度：0
本章节介绍线状图的样式的各项配置的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
本文介绍日期选择器配置项含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。 更新动画：组件数据更新时的动画时长，单位为ms。 是否从之前位置开始：开启后，组件数据更新时，从上一个数据的位置开始播放动画；关闭后，组件数据更新时，从初始位置开始播放动画。
15分钟、30分钟。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
