Share via

仪表板可视化效果类型

  • 项目

本文概述了可用于仪表板的可视化效果类型，并演示如何创建每种可视化效果类型的示例。 有关生成仪表板的说明，请参阅教程：创建仪表板。

注意

为了优化性能，图表只能在画布上呈现 10k 个元素。 否则，可视化效果可能会被截断。

面积图可视化效果

面积图可视化效果结合了折线图和条形图可视化效果，用于显示一个或多个组的数值如何随着第二个变量的进度（通常是时间）发生变化。 面积图通常用于显示销售漏斗图随时间的变化。

区域可视化效果示例

配置值：对于此面积图可视化效果示例，以下值已设置：

  • 标题：Total price and order year by order priority and clerk
  • X 轴：
    • 字段：o_orderdate
    • 缩放类型：Temporal
    • 转换：Yearly
    • 轴标题：Order year
  • Y 轴：
    • 字段：o_totalprice
    • 轴标题：Total price
    • 缩放类型：Quantitative
    • 转换：Sum
  • 分组依据：
    • 字段：o_orderpriority
    • 图例标题：Order priority
  • 筛选器
    • 字段：TPCH orders.o_clerk

SQL 查询：对于此面积图可视化效果，以下 SQL 查询用于生成名为 TPCH orders 的数据集。

SELECT * FROM samples.tpch.orders

条形图

条形图表示一段时间内或跨类别的指标变化，并显示比例关系，类似于饼图可视化效果。

条形图可视化效果示例

配置值：对于此条形图可视化效果示例，以下值已设置：

  • 标题：Total price and order month by order priority and clerk
  • X 轴：
    • 字段：o_orderdate
    • 转换：Monthly
    • 缩放类型：Temporal
    • 轴标题：Order month
  • Y 轴：
    • 字段：o_totalprice
    • 缩放类型：Quantitative
    • 转换：Sum
    • 轴标题：Total price
  • 分组依据：
    • 字段：o_orderpriority
    • 图例标题：Order priority
  • 筛选器
    • 字段：TPCH orders.o_clerk

SQL 查询：对于此条形图可视化效果，以下 SQL 查询用于生成名为 TPCH orders 的数据集。

SELECT * FROM samples.tpch.orders

组合图

组合图结合折线图和条形图，以按比例呈现随时间的变化。

组合图示例

配置值：对于此组合图可视化效果，已设置以下值：

  • X 轴：ps_partkey
    • 缩放类型：Quantitative
  • Y 轴：
    • 条形图：ps_availqty
    • 聚合类型：SUM
    • 折线图：ps_supplycost
    • 聚合类型：AVG
  • 按 Y 序列配色：
    • Sum of ps_availqty
    • Average ps_supplycost

SQL 查询：对于此组合图可视化效果，以下 SQL 查询用于生成数据集。

SELECT * FROM samples.tpch.partsupp

双轴组合图

可以使用组合图来显示两个不同的 y 轴。 选中组合图小组件后，单击图表配置面板中“Y 轴”设置上的 Kebab 菜单 串形菜单。 启用“启用双轴”选项。

双轴组合图示例

配置值：对于此组合图，“启用双轴”选项处于打开状态。 其他配置如下所示：

  • X 轴：tpep_pickup_datetime
    • 缩放类型：Temporal
    • 转换：Weekly
  • Y 轴：
    • 左 Y 轴（条形图）：trip_distance
      • 转换：AVG
    • 右 Y 轴（折线图）：fare_amount
      • 转换：AVG

按 Y 系列着色：

  • Average trip_distance
    • Average fare_amount

SQL 查询：以下 SQL 查询用于生成数据集：

SELECT * FROM samples.nyctaxi.trips

计数器可视化效果

计数器突出显示单个值，并带有将它们与目标值进行比较的选项。 若要使用计数器，请指定要在计数器可视化效果中为“值列”和“目标列”显示哪一行数据。

计数器示例

配置值：对于此计数器可视化效果示例，以下值已设置：

  • 标题：Orders: Target amount vs. actual amount by date
  • 值：
    • 字段：avg(o_totalprice)
    • 值行号：1
  • 目标：
    • 字段：avg(o_totalprice)
    • 值行号：2
  • 筛选器
    • 字段：TPCH orders.o_orderdate

SQL 查询：对于此计数器可视化效果，以下 SQL 查询用于生成名为 TPCH orders_target 的数据集。

SELECT o_orderdate, avg(o_totalprice)
FROM samples.tpch.orders
GROUP BY 1
ORDER BY 1

折线图可视化效果

折线图可视化效果表示一个或多个指标随时间的变化。

折线图可视化效果示例

配置值：对于此折线图可视化效果示例，以下值已设置：

  • 标题：Average price and order year by order priority and clerk
  • X 轴：
    • 字段：o_orderdate
    • 转换：Yearly
    • 缩放类型：Temporal
    • 轴标题：Order year
  • Y 轴：
    • 字段：o_totalprice
    • 转换：Average
    • 缩放类型：Quantitative
    • 轴标题：Average price
  • 分组依据：
    • 字段：o_orderpriority
    • 图例标题：Order priority
  • 筛选器
    • 字段：TPCH orders.o_clerk

SQL 查询：对于此条形图可视化效果，以下 SQL 查询用于生成名为 TPCH orders 的数据集。

SELECT * FROM samples.tpch.orders

热度地图

热度地图融合了条形图、叠加图和气泡图的功能，支持使用颜色可视化数值数据。 热度地图的常用调色板使用橙色或红色等较暖颜色显示最高值，使用蓝色或紫色等较冷颜色显示最低值。

例如，下面的热度地图直观显示了每天最频繁出现的出租车乘坐距离，并按星期、距离和总费用对结果进行分组。

热度地图示例

配置值：对于此热度地图可视化效果，已设置以下值：

  • X 列（数据集列）：o_orderpriority
  • Y 列（数据集列）：o_orderstatus
  • 颜色列：
    • 数据集列：o_totalprice
    • 聚合类型：Average
  • X 轴名称（替代默认值）：Order priority
  • Y 轴名称（替代默认值）：Order status
  • 配色方案（替代默认值）：YIGnBu

SQL 查询：对于此热度地图可视化效果，以下 SQL 查询用于生成数据集。

SELECT * FROM samples.tpch.orders

直方图

直方图绘制给定值在数据集中出现的频率。 直方图可帮助你了解数据集的值是聚集在少数范围内还是分布范围更广。直方图显示为条形图，你可以在其中控制不同条形（也称为“箱”）的数量。

直方图示例

配置值：对于此直方图可视化效果，已设置以下值：

  • X 列（数据集列）：o_totalprice
  • 箱数：20
  • X 轴名称（替代默认值）：Total price

配置选项：有关直方图配置选项，请参阅直方图配置选项。

SQL 查询：对于此直方图可视化效果，以下 SQL 查询用于生成数据集。

select * from samples.tpch.orders

饼图可视化效果

饼图可视化效果显示指标之间的比例。 它们不是用来传输时序数据的。

饼图可视化效果示例

配置值：对于此饼图可视化效果示例，以下值已设置：

  • 标题：Total price by order priority and clerk
  • 角度：
    • 字段：o_totalprice
    • 转换：Sum
    • 轴标题：Total price
  • 分组依据：
    • 字段：o_orderpriority
    • 图例标题：Order priority
  • 筛选器
    • 字段：TPCH orders.o_clerk

SQL 查询：对于此饼图可视化效果，以下 SQL 查询用于生成名为 TPCH orders 的数据集。

SELECT * FROM samples.tpch.orders

透视表可视化效果

透视表可视化效果会将查询结果中的记录聚合到表格显示中。 它类似于 SQL 中的 PIVOT 或 GROUP BY 语句。 通过拖放字段来配置透视表可视化效果。

注意

出于性能原因，透视表仅支持呈现 100 列 x 100 行。

数据透视图示例

配置值：对于此透视表可视化效果示例，以下值已设置：

  • 标题：Line item quantity by return flag and ship mode by supplier
  • 行：
    • 字段：l_returnflag
  • 列：
    • 字段：l_shipmode
  • 单元
    • 数据集：
    • 字段：l_quantity
    • 转换：求和
  • 筛选器
    • 字段：TPCH lineitem.l_supplierkey

SQL 查询：对于此透视表可视化效果，以下 SQL 查询用于生成名为 TPCH lineitem 的数据集。

SELECT * FROM samples.tpch.lineitem

散点图可视化效果

散点图可视化效果通常用于显示两个数值变量之间的关系。 可以使用颜色对第三个维度进行编码，以显示数值变量在各组中的差异。

散点图

配置值：对于此散点图可视化效果示例，以下值已设置：

  • 标题：Total price and quantity by ship mode and supplier
  • X 轴：
    • 字段：l_quantity
    • 轴标题：Quantity
    • 缩放类型：Quantitative
    • 转换：None
  • Y 轴：
    • 字段：l_extendedprice
    • 缩放类型：Quantitative
    • 转换：None
    • 轴标题：Price
  • 分组依据：
    • 字段：l_shipmode
    • 图例标题：Ship mode
  • 筛选器
    • 字段：TPCH lineitem.l_supplierkey

SQL 查询：对于此散点图可视化效果，以下 SQL 查询用于生成名为 TPCH lineitem 的数据集。

SELECT * FROM samples.tpch.lineitem

表格可视化效果

表可视化效果显示标准表中的数据，但允许手动对数据重新排序、隐藏和设置格式。

表示例

配置值：对于此表格可视化效果示例，以下值已设置：

  • 标题：Line item summary by supplier
  • 列：
    • 显示行号：已启用
    • 字段：l_orderkey
    • 字段：l_extendedprice
      • 显示为：Number
      • 数字格式：$0.00
    • 字段：l_discount
      • 显示为：Number
      • 数字格式：%0.00
    • 字段：l_tax
      • 显示为：Number
      • 数字格式：%0.00
    • 字段：l_shipdate
    • 字段：l_shipmode
  • 筛选器
    • 字段：TPCH lineitem.l_supplierkey

SQL 查询：对于此表格可视化效果，以下 SQL 查询用于生成名为 TPCH lineitem 的数据集。

SELECT * FROM samples.tpch.lineitem