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