模板搭建数据看板

概述

本章节以搭建碧玺绿地球通用模板数据看板为例,为您演示如何使用DataV-Board提供的模板来开发可视化数据看板。

背景信息

  • 本文以使用静态数据源为例,因此可以直接在组件的数据源配置区域粘贴准备好的数据。如果您的数据源为CSV文件数据库等其他类型的数据,需要首先添加数据源

  • 如果您需要使用的数据源为API,直接在数据源配置栏输入API即可。具体配置API数据源时,是否选中服务器代理请求等操作,详情请参见如何配置跨域数据

操作流程

您可通过如下操作,完成对碧玺绿地球通用数据看板的创建,快速体验DataV-Board的相关功能。

  1. 步骤一:创建数据看板

  2. 步骤二:配置组件样式

  3. 步骤三:适配组件数据

  4. 步骤四:预览并发布数据看板

步骤一:创建数据看板

为您介绍使用模板创建可视化数据看板的方法。

  1. 登录DataV-Board控制台

  2. 工作台页面中,鼠标移动到创建PC端看板上,单击+选择模板

  3. 选择一个合适的模板,此处以选择碧玺绿地球通用模板为例,单击创建看板

  4. 创建看板对话框中,输入看板名称并选择一个分组。

  5. 单击创建看板

    看板创建成功后跳转到画布编辑器页面,可以看到一款满足展示地理信息相关数据且设计精良的模板。image.png

步骤二:配置组件样式

数据看板创建完成后,您可以通过以下方式修改组件样式。

  1. 在左侧图层栏中,单击选中某一组件。

  2. 在右侧的样式面板中,根据实际需要调整并修改组件的样式配置。image.png

    说明

    您可以双击画布编辑器图层侧的组件名称,重命名当前组件。

  3. 根据需求,使用同样的方式调整其他组件的配置。

步骤三:适配组件数据

数据看板创建完成后,您可以根据实际需要通过以下方式修改组件数据内容。

  1. 在左侧图层栏中,单击选中某一组件。例如:Echarts 基本折线图。

  2. 在右侧样式面板中选择数据源页签,数据源类型选择静态数据。

  3. 在下方的数据配置区域内,按照您的需求修改模板已有的数据,或粘贴准备好的JSON格式的数据。

    说明

    添加数据时的字段名要和系统设置保持一致。

  4. 数据配置完成后,您可以单击数据响应结果image.png图标刷新数据响应结果。

  5. 使用同样的方式,配置数据看板中所有组件的数据。

步骤四:预览并发布数据看板

组件的样式和数据源都配置完成后,您可以预览并发布数据看板,实现看板的在线播放和演示。本步骤为您介绍预览并发布数据看板的方法。

  1. 单击画布编辑器右上角的预览,预览数据看板。image.png

    预览成功后,可按照以下步骤发布数据看板。

  2. 单击画布编辑器右上角的发布image.png

  3. 发布对话框中单击发布大屏

  4. 单击分享链接右侧的复制图标image.pngimage.png

  5. 打开浏览器,将复制的链接粘贴到地址栏中,即可在线观看发布成功的数据看板。