百分比数据在可视化中经常会用到。在我之前的好几篇文章中，我有讲到百分比的制作方法：

• Kibana：Waffle 可视化介绍 – Elastic Stack 8.1

• Kibana：Mosaic 可视化介绍 – Elastic Stack 8.1

• Kibana：如何在 Kibana 可视化中以百分比形式显示数据

在之前的方法中，我们可能经常会用到 TSVB 或者 PieChart 来显示百分比。随着 Lens 的完善，我们也可以在 Lens 中方便地制作百分比数据。

在下面的展示中，我将使用 Elastic Stack 8.1 来进行展示。

如何在可视化中显示百分比数据_哔哩哔哩_bilibili

准备数据

在我们的练习中，我们还是使用 Kibana 自动的数据来进行展示：

这样我们就在 Elasticsearch 中创建了一个叫做kibana_sample_data_flights 的索引。

创建百分比可视化

我们首先从创建一个 Dashboard 开始：

在上面，我显示了所选时间区域里的文档数。接下来，我们想做如下的可视化：

显示每天 DestCountrytgcode 为 CN 的文档占所有文档的比例，以百分比显示。

我们点击上面的 titgcodemestamp：

这样把 time interval 设置为 1 day。点击上面的 Close:

我们点击上面的 Count of records：

从上面的图中，我们可以看出来，默认的是文档的总数。我们接着点击 Add advanced options：

在上面，我们使用一个 filter：DestCountry: CN

这样上面的显示的文档就是 DestCountry 为 CN 的所有文档。我们点击上面的 Formula：

显然上面的公式也是我们预期的。我们修改这个公式如下：

显然上面显示的结果是 DestCountry 为 CN 的所有文档占总文档的比例。我们可以更进一步修改显示的格式：

这样就完成了我们所需要的百分比显示。

同样地，我们甚至可以找出 DestCountry : CN 和 DestCountry : IT 的比较：