创建DataV大屏(模板篇)

宜搭在酷数据方面,正式“牵手”DataV,可实现发布宜搭大屏的能力。宜搭结合DataV在产品侧充分融合,让宜搭用户一键掌握专业炫酷的数据可视化表现力。本文主要介绍如何使用宜搭系统,通过创建空白应用后创建模板大屏,并配置应用中模板大屏的数据源和修改大屏标题的功能。

背景信息

宜搭数字化大屏视频功能讲解,请参见如下视频:

登录宜搭平台

操作步骤:

  1. 登录宜搭平台,在宜搭官网首页右上角单击登录宜搭首页

    说明

    • 如果您还没有宜搭账号,请在宜搭官网首页单击右上角注册,输入您的手机号注册钉钉账号即可登录宜搭。注册钉钉

    • 如果您已经有钉钉账号,可以直接登录宜搭。

  2. 登录宜搭页面,单击立即登录登录宜搭

  3. 选择所在的组织:钉钉宜搭选择加入的组织

    说明
    • 您可以在登录时选择您所加入的组织。

    • 您也可以登录后,在宜搭工作台的首页右上角切换组织。切换组织

创建模板大屏

操作步骤:

  1. 创建应用模块,选择创建空白应用,并单击开始创建创建应用

  2. 创建应用对话框中,输入应用名称,并单击确定创建应用

    说明

    您也可以通过宜搭首页我的应用页签下创建空白应用,也可以查看和编辑已有的应用。我的应用

  3. 页面管理页面,单击新建大屏新建大屏

  4. 新建大屏对话框中,输入页面名称,同时您也可以选择分组,并单击确定新建大屏

  5. 模板列表中,选择一个大屏模板,单击就选它后,即可创建一个模板大屏。本文以招投标行业大屏为例介绍大屏的相关配置。

  6. 创建完的大屏效果展示。

配置组件数据源

本文以配置大屏内梯形柱状图组件数据源为例。

操作步骤:

  1. 在创建完成的模板大屏中,单击选择交易趋势梯形柱状图组件。

  2. 在组件右侧配置面板中,选择数据面板,在下方数据响应结果模块,单击配置数据源配置数据源

  3. 设置数据源面板,数据源类型下拉列表中选择数据源,本文以宜搭数据源为例,单击进入配置选择数据源

  4. 图表数据配置面板,选择一个您已经自定义配置完成的数据集内容,并通过拖拽方式将数据集内左侧的字段添加到中间图表字段映射中。同时,您可以在右侧图表预览区域中查看您图表配置数据后的样式,并单击确定配置数据源

  5. 您可以在大屏编辑页面,查看配置数据后的组件效果。

配置组件样式

本文以配置大屏内通用标题组件样式为例。

操作步骤:

  1. 在大屏编辑页面,以招投标行业可视化模板大屏为例,单击您需要修改的通用标题组件。

  2. 在组件右侧配置面板,将标题名处修改为宜搭产品销售可视化大屏配置标题

  3. 在大屏编辑页面,可以查看修改标题后的展示效果。

  4. 您可以根据上述步骤方法,自定义修改各种组件的样式配置项和数据内容,并随时查看组件修改后的效果。

配置蓝图编辑器功能

如果您需要通过可视化连线定义多个组件之间的交互关系,您可以使用蓝图编辑器功能。具体操作步骤如下:

  1. 在画布编辑器,左侧图层栏选中需要交互的组件,本文以通用标题Tab列表组件为例,分别右键单击导出到蓝图编辑器

  2. 导出成功后,单击左上角蓝图编辑器按钮按钮,进入蓝图编辑器。蓝图编辑器

  3. 在蓝图编辑器页面,将导入节点面板中的Tab列表和通用标题,拖至画布上并连线。具体的配置方法请参见配置蓝图编辑器

    蓝图编辑器连线
  4. 配置完成后,您可以在画布编辑器右上角单击预览按钮,预览设置的效果。