检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
开发大屏 编辑大屏 预览大屏 发布大屏
组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍
编辑大屏 本章节通过一个简单的示例向您介绍如何编辑大屏。 大屏开发页面总览 登录DLV控制台，在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 在大屏开发页面中，您可以根据业务需求设计和开发大屏，完成添加组件、页面布局、关联数据源和发布大屏等操作。
预览大屏 大屏开发过程中，您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个： 在大屏开发页面右上方，单击预览图标。 图1 预览大屏（入口一） 在“我的大屏”页面，找到需要预览的大屏，将鼠标移动至该大屏图标之上，界面上将显示大屏的管理按钮，单击预览按钮。 图2 预览大屏（入口二）
发布大屏 大屏开发完成后，您可以通过发布功能向其他用户分享大屏。 发布大屏 登录DLV控制台。 在“我的大屏”页面，找到需要发布的大屏，将鼠标移至该大屏图标之上，界面上将显示大屏的管理按钮，单击发布按钮。 图1 发布大屏 您也可以在大屏开发页面右上方，单击发布按钮发布大屏。 图2
管理图层 开发大屏过程中，如果在画布中布局或嵌套多个组件时，图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一：选中图层列表中某一个组件，拖动组件至指定的图层。 图1 修改组件图层（方式一） 方式二：右键单击画布中的组件，选择置顶、置底、上移一层、下移一层。 图2
导入导出大屏 DLV支持将已开发的大屏导出，同时也支持将导出的大屏导入到DLV中。 导入大屏的注意事项 您可以将一个区域中导出的大屏，导入到另一个区域的DLV中。 您可以将其他帐号或IAM用户导出的大屏，导入到另一个用户购买的DLV中。 如果DLV服务升级了，将DLV低版本中导出
后单击编辑按钮进入大屏开发页面。 图3 编辑大屏 从左侧组件库中选择一个组件，例如“柱状图”，该组件将出现在画布中。单击该组件，再单击屏幕右侧的“数据”面板。 在“数据”面板中，设置如下参数。 数据源类型：设置为“API网关”。 选择已有数据连接：选择一个您已创建好的API网关数据连接。
组合大屏 当您完成可视化大屏的开发之后，可以将两个或两个以上的大屏创建为一个组合大屏以便用户可以同时查看多个大屏。组合大屏创建完成后，您就可以发布组合大屏，然后将大屏链接分享给其他用户。其他用户就可以在浏览器中或应用程序中通过大屏链接访问该组合大屏。在浏览器查看组合大屏时，用户可以在多个大屏之间来回切换进行查看。
新建组件包 开发自定义组件 登录DLV控制台。在左侧导航树上，单击“管理中心 > 我的组件”。 图3 我的组件 在“我的组件”页面，单击右上角的“下载开发者工具”按钮，下载自定义组件开发工具。 使用开发者工具，按组件开发规范完成组件开发。详细的开发指导，请参见《数据可视化开发指南》。
在“我的大屏”页面，单击“新建大屏”。 在新建大屏页面，从左侧的场景模板中选择一个模板，例如，选择空白模板。然后输入大屏名称。 大屏名称：只能包含字母、数字、下划线、中划线、中文字符，且长度不超过32个字符。 图2 选择模板 单击“创建大屏”。大屏创建成功后，自动跳转至大屏开发页面。
登录DLV控制台，单击“我的大屏”。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 从左侧组件库中选择一个组件，例如“柱状图”，该组件将出现在画布中。单击该组件，再单击屏幕右侧的“数据”面板。 在“数据”面板中，设置“数据源类型”为“API”。
（可选）创建工作空间 本章节为您介绍如何创建工作空间。购买DLV的用户，系统将默认为其创建一个默认的工作空间“default”，并赋予该用户管理员角色。您可以使用默认的工作空间，也可以参考本章节的内容创建一个新的工作空间。 工作空间从系统层面为管理者提供对使用DLV的用户（成员）权限、资源、DLV底层计算引擎配置的管理能力。
划线、中文字符，且长度不超过32个字符。 图1 选择模板 单击“创建大屏”。大屏创建成功后，自动跳转至大屏开发页面。 进入大屏开发页面后，在左侧的组件列表中，将鼠标移至某一个组件类别，单击其中某个组件的图形按钮，即可将该组件添加到大屏中。 例如，单击下图所示的“常用图表 > 气泡图”图形按钮，可将气泡图添加到大屏中。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
