全部产品
存储与CDN 数据库 域名与网站(万网) 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网 钉钉智能硬件
Quick BI

示例:制作仪表板

更新时间:2018-01-19 10:54:06

以下章节将会为您介绍如何快速地用仪表板制作报表。鉴于示例无法将全部图表逐一展示,如果您想了解更多仪表板的基本操作和每一个图表的制作流程,请参阅,仪表板基本操作仪表板图表制作概述

仪表板支持以下两种展示模式。

  • 常规模式
  • 全屏模式

创建数据集

在制作仪表板之前,需要您事先准备好一个数据集,而数据集又是通过数据源来创建的,那么本章节会先为您介绍数据源的创建流程。

本章节将以连接 RDS 数据源为例,为您展示如何创建一个数据源。

我们也为您准备了如何连接 RDS 的视频,如果您想观看该教学视频,请参阅,视频专区

操作步骤

  1. 登录 Quick BI 控制台。

  2. 单击工作空间 > 数据源,进入数据源管理页面,如下图所示。

    AddDataSource

  3. 单击新建 > MySQL,打开数据源连接菜单。

  4. 输入数据源连接信息,单击连接测试,检查数据源是否连接成功,如下图所示。

    我们已经为您提供了一个可用的 RDS 连接地址,具体信息,请参阅,示例:销售数据分析

    ConnectRDS

    如果数据源连通不正常,系统会给出相应的提示,您可以参阅数据源连通异常应该如何排查,来尝试修复此问题。

  5. 单击添加,数据源会自动添加到数据源列表中。

  6. 选中其中一个表,例如company_sales_record,单击后面的创建数据集图标,创建数据集,如下图所示。

    CreateDataCluster

数据集创建成功后,该数据集会自动保存在我的数据集文件夹下,并且会带有 New 的标识,方便您快速定位新创建的数据集。

编辑数据集

数据集创建好以后,您可以根据图表的实际需求来简单编辑一下数据集,比如,切换字段类型或者新增计算字段等等。

我们也为您准备了如何编辑数据集的视频,如果您想观看该教学视频,请参阅,视频专区

以下示例均以 company_sales_record 为例。

  1. 单击数据集,进入数据集管理页面。

  2. 单击 company_sales_record,进入数据集编辑页面,如下图所示。

    EditDataSet

    如果您需要制作地图类的图表,比如气泡地图和色彩地图,那么您需要找到含有地理信息的维度字段,并将它们的字段类型从字符串切换为地理信息,否则,地图将无法展示。

  3. 在维度列表中,找到 area (区域)。

  4. 单击鼠标右键,在下拉菜单中选择维度类型切换 > 地理信息 > 区域,如下图所示。

    注意:切换地理信息时,地理信息的选项一定要与字段完全匹配。比如,字段为area (区域),那么在地理信息列表中,也一定要选择区域,这样字段类型才能被切换。

    SwitchFieldType

  5. 将 province (省份)和 city(城市)也用同样的方式切换,如下图所示。

    GeographicalIcon

  6. 数据集编辑完成后,单击保存,如下图所示。

    SaveDataSet

  7. 单击刷新预览数据,系统会自动将数据显示在表格中,如下图所示。

    RefreshDataSet

如果您还想了解更过关于数据集的编辑,请参阅,编辑数据集

编辑仪表板

数据集编辑完成后,我们就可以利用仪表板来创建报表了。

  1. 单击左侧导航栏中的仪表板,进入仪表板管理页面。

  2. 单击新建 > 仪表板,进入到仪表板编辑页面。

  3. 选择仪表板的展示模式,如下图所示。

    DashboardViewType

添加数据集到仪表板

  1. 单击切换图标,选择数据集,如下图所示。

    SelectDataCluster

  2. 单击 company_sales_record,系统会将数据分别列在维度和度量列表中,如下图所示。

    FieldsListInBoard

如果数据集列表中没有数据集,请单击数据集,返回到数据集管理页面,检查数据集是否创建成功。

制作数据图表(常规模式)

本章节只展示常规模式下柱图的制作流程,如果您想了解其它图表的制作流程,请参阅,仪表板图表制作概述

如果您想了解每一个数据图表的数据要素和使用场景,请参阅,仪表板概述

如果您想了解仪表板的其它基本操作,请参阅,仪表板基本操作

  1. 双击柱图的图标。

  2. 双击数据字段名称,数据会自动填充到指定区域,如下图所示。

    SelectFields

  3. 单击更新,更新后的图表展示如下。

    UpdatedBarChart

    如果展示的数据较多,您还可以启用颜色图例功能。将一个维度字段拖拽到颜色图例区域,该字段的内容将会以不同的颜色展示到图表中。

    注意:当值轴区域只有一个度量字段时,颜色图例功能才可用,否则,此功能禁用。当颜色图例功能不能使用时,系统会自动给出提示和原因,您可以根据系统提示,手动调整度量字段和维度字段。

    ColorSample

  4. 单击更新,更新后的图表展示如下。

    UpdatedBarChart

  5. 单击图例前面的色块,编辑图例的配色方案,如下图所示。

    EditColor

  6. 单击样式标签页,编辑图表的显示标题,布局和显示图例,如下图所示。

    QSStyleTabforBarChart

如果您想删除当前图表,单击图表右上方的更多操作,选择删除,当前图表即可被删除。

制作数据图表(全屏模式)

本章节只展示全屏模式下气泡地图的制作流程。

  1. 双击气泡地图图标,如下图所示。

    BubbleMap

    地图图表中包含了全球地图组件,可以展示中国地区以外的数据信息。

  2. 双击数据字段名称,数据会自动填充到指定区域,如下图所示。

    注意:请确保省份字段的维度类型已经从字符串切换为了地理信息。

    SelectFields

  3. 单击更新,系统自动更新图表。

  4. 单击样式标签页,编辑图表的显示标题和显示图例。

  5. 单击设置,可以设置页面比例、皮肤颜色的深浅、数据更新的时间间隔以及数据轮播的时间间隔,如下图所示。

    PageSettings

如果您想删除当前图表,单击图表右下方的删除图标,当前图表即可被删除。

添加控件

仪表板提供了五个控件可供您选择。

  • 常规模式

    • 查询条件
    • 文本框
    • IFRAME
    • TAB
    • PIC
  • 全屏模式

    • 文本框
    • IFRAME
    • PIC

添加查询条件

您可以选择查询条件控件来查询单个或多个图表中的数据。

操作步骤

  1. 双击查询条件图标,如下图所示。

    QueryController

  2. 单击查询条件控件,打开查询条件控件的编辑菜单,如下图所示。

    QSQueryControllerMenu

  3. 选择一个可作用的数据集,如下图所示。

    FieldsListofQuery

  4. 选择一个需要查询的字段,比如 product_type (产品类型),如下图所示。

    ControllerSetting

    查询条件支持同源关联和非同源关联两种关联模式,以下示例以同源关联为例,关于非同源关联的介绍,请参阅,仪表板基本操作

  5. 选择同源关联,并选择一个需要作用的图表,如下图所示。

    SelectTabletoQuery

  6. 单击样式,编辑控件的显示标题。

  7. 鼠标指向查询字段,字段周围会自动浮现出一个蓝色的虚线框,单击虚线框内部,打开查询字段的编辑菜单,如下图所示。

    ControllerMenu

    FunnelFieldMenu

  8. 选择枚举,并决定单选还是复选,如下图所示。

    SelectSampleInQuery

  9. 单击下拉箭头,选择需要查询的选项,如下图所示。

    注意:如果您在编辑菜单中选择了单选,只可选择一个选项,反之,可选择多个选项。

    QueryItem

  10. 选择完成后,单击查询,字段所作用的图表会自动更新。

如果您想删除当前控件,单击控件右上方的更多操作,选择删除,当前控件即可被删除。

查询条件还支持日期查询、数量查询等查询方式,如果您想了解更多关于控件的使用,请参阅,仪表板基本操作

添加文本框

文本框可用于一段固定文本的输入,您可以利用文本框来制作报表的标题等内容。

操作步骤

  1. 双击文本框图标。

  2. 输入文本内容,如下图所示。

    AddTextController

如果您想删除当前控件,单击控件右上方的更多操作,选择删除,当前控件即可被删除。

添加 IFRAME

通过 IFRAME,您可以在仪表板中插入您需要的网页,用来实时查询网络数据或浏览有关当前数据的网页或者网站。

操作步骤

  1. 双击IFRAME图标。

  2. 输入网页地址,如下图所示。

注意:网页地址必须以 https 的方式输入。

IframeLink

如果您想删除当前控件,单击控件右上方的更多操作,选择删除,当前控件即可被删除。

添加 TAB

通过TAB功能,您可以将多张图表以标签页的形式展示。

操作步骤

  1. 双击 TAB 图标。

  2. 单击新增 TAB 标签,新增 TAB 的标签页数,如下图所示。

    AddTab

  3. 选择一个TAB页来插入图表。比如单击TAB1,TAB1的颜色会被标蓝,如下图所示。

    SelectTAB

  4. 双击图表图标,选中的图表样例会自动添加到TAB1上,如下图所示。

    AddTabletoTAB

  5. 按照图表的制作流程来制作图表,制作好的TAB控件如下图所示。

    UpdatedTAB

如果您想删除当前控件,单击控件右上方的更多操作,选择删除,当前控件即可被删除。

添加 PIC

您可以通过 PIC 功能插入您需要的图片。

操作步骤

  1. 双击 PIC 图标。

  2. 输入图片的网址。

  3. 单击下拉箭头,选择图片的显示样式,如下图所示。

    PIC

如果您想删除当前控件,单击控件右上方的更多操作,选择删除,当前控件即可被删除。

预览仪表板

仪表板编辑完成后,您可以选择预览来查看图表的展现效果。

单击预览,选择 PC 端预览或手机端预览,如下图所示。

Preview

保存仪表板

仪表板编辑完成后,您可以选择保存来保存制作好的仪表板。

单击保存,如下图所示。

SaveDashBoard

本文导读目录