使用图表配置编辑器创建维恩图

维恩图用于显示数据集中两个或更多属性之间的重叠情况。

您可以使用图表配置编辑器，从 Looker 中的柱形图开始创建 Venn 图。您必须至少包含两个 type: yesno 维度和一个包含 type: string 或 type: number 的维度，才能创建 Venn 图。

例如，您可以创建一个 Venn 图，显示首次购买的订单、应用了老年折扣的订单和金额超过 50 美元的订单之间的重叠情况。

前提条件

如需访问图表配置编辑器，您必须拥有 can_override_vis_config 权限。

编写 JSON 代码段

如需创建 Venn 图，请从以下 JSON 代码段开始：

{
  chart: {
    type: 'venn',
  }
}

创建 Venn 图

如需创建 Venn 图，请按以下步骤操作：

  1. 在探索中查看柱状图，或在数据洞见或信息中心中修改柱状图。

    从包含至少三个维度的柱形图开始。包含一个 type: string 或 type: number 维度。包含至少两个 type: yesno 维度。

  2. 在可视化图表中，打开修改菜单。

  3. 在绘图标签页中，点击修改图表配置按钮。Looker 会显示修改图表配置对话框。

  4. 选择 Chart Config (Override) 部分，然后输入本页编写 JSON 代码段部分中的 HighCharts JSON 代码段。

  5. 如需让 Looker 正确设置 JSON 格式，请点击 <>（设置代码格式）。

  6. 如需测试所做更改，请点击预览。

  7. 如需应用更改，请点击应用。系统将使用自定义 JSON 值显示可视化结果。

自定义可视化图表后，您可以将其保存。

添加更多条件

如需向 Venn 图添加更多圆圈，请向数据表添加更多 type: yesno 维度。如果您只需要在 Venn 图中使用此条件，可以创建自定义维度。将自定义维度编写为布尔值条件，如以下示例所示：

${orders.total_amount} > 50

更改重叠标签值

默认情况下， Venn 图中任何重叠区域的标签都将是区域标签以英文逗号分隔的串联。例如，“支出超过 50 美元”“首次购买”和“老年人折扣”区域之间的重叠区域为“支出超过 50 美元、首次购买、老年人折扣”。

如需自定义这些标签，请使用图表配置编辑器修改 series.data.name 属性。如需确定哪个属性对应于哪个区域，不妨先枚举所有区域。

例如，假设有一个包含三个圆圈的维恩图。也就是说，总共有 7 个区域。

您可以使用以下 JSON 代码段找出每个数字对应的标签：

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{ name: '1'}, {name: '2'}, {name: '3'}, {name: '4'}, {name: '5'}, {name: '6'}, {name: '7'}]
  }]
}

然后，您可以修改要更改名称的任何区域的 name 属性。如要让标签保持默认状态，请移除 name 属性，但保留括号。在此示例中，重叠区域 (3、5、6、7) 已重新标记，外圈 (1、2、4) 保留了默认标签。

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{}, {}, {name: 'Ruby tier'}, {}, {name: 'Platinum tier'}, {name: 'Emerald tier'}, {name: 'Sapphire tier'}]
  }]
}

更改标签字号

如需更改 Venn 图中标签的字体大小，请使用图表配置编辑器修改 dataLabels.style.fontSize 属性。

为了进一步说明上例，以下示例将每个标签的字体大小设置为 24 点。

{
  chart: {
    type: 'venn',

  },
  series: [{
    data: [{
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Ruby tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Platinum tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Emerald tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Sapphire tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }
    ]
  }]
}