全部产品
弹性计算 会员服务 网络 安全 移动云 数加·大数据分析及展现 数加·大数据应用 管理与监控 云通信 阿里云办公 培训与认证 更多
存储与CDN 数据库 域名与网站(万网) 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网 智能硬件
Quick BI

示例:制作仪表板

更新时间:2018-05-04 17:50:17

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

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

  • 常规模式
  • 全屏模式 (仅适用于Quick BI专业版)

创建数据集

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

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

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

操作步骤

  1. 登录Quick BI控制台。

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

  3. 单击新建数据源,打开数据源连接菜单并选择一个数据源来源,例如云数据源,如下图所示。

    CreateDataSource

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

    我们已经为您提供了一个可用的MySQL连接地址,具体信息,请参阅,示例:制作电子表格

    EnterDataSourceInfo

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

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

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

    CreateDataSet

数据集创建成功后,该数据集会自动保存在我的数据集文件夹下,并且会带有 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. 选择仪表板的展示模式,如下图所示。

    注意:全屏模式只支持在Quick BI高级版和专业版的工作空间下使用,个人空间下只支持常规模式。Quick BI标准版中,没有全屏模式功能。

    DashboardViewType

添加数据集到仪表板

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

    SelectDataCluster

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

    FieldsListInBoard

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

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

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

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

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

  1. 双击柱图的图标。

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

    SelectFields

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

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

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

    ColorSample

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

    ChartShow

  5. 将鼠标指向某一组数据,该组数据的明细(ToolTip)会自动列出,如下图所示。

    您可以选择样式 > 布局 > ToolTip,取消该功能。

    DataDetails

  6. 样式标签页可更改图表的标题,布局、显示图例、坐标轴样式等,如下图所示。

    StyleConfig

    • 通用配置:您可以在通用配置中设置图表的标题、标题的字体颜色以及图表的背景色,如下图所示。

      CommonConfig

    • 样式:您可以在样式中设置图表的展示样式,例如,双Y轴展示,百分比堆积和堆积展示,如下图所示。

      ChartStyle

    • 布局:您可以在布局中设置图表的显示图例,和是否展示ToolTip,如下图所示。

      Layout

    • 坐标轴:您可以在坐标轴中设置坐标轴的轴标题、轴线的显示样式、轴值的显示格式以及系数,如下图所示。

      XandY

    • 系列设置:您可以在系列设置中设置某一类数据的别名、展示类型和颜色、是否展示标签、数值的显示格式以及小数位数,如下图所示。

      SeriesSettings

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

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

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

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

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

    BubbleMap

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

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

    SelectFields

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

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

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

    PageSettings

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

添加控件

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

  • 常规模式

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

    • 文本框
    • IFRAME
    • PIC

添加查询条件

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

操作步骤

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

    QueryController

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

    QSQueryControllerMenu

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

    FieldsListofQuery

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

    查询条件支持同源关联和非同源关联两种关联模式,以下示例以同源关联为例,关于非同源关联的介绍,请参阅,通用控件

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

    SelectTabletoQuery

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

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

    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上。

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

    TabShow

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

添加PIC

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

操作步骤

  1. 双击PIC图标。

  2. 输入图片的网址。

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

    PIC

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

预览仪表板

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

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

Preview

保存仪表板

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

单击保存,如下图所示。

SaveDashBoard

本文导读目录