vlambda博客
学习文章列表

这些图表可以用Kibana Lens一键生成

0. 引言

上期我们讲解了lens的基础使用以及操作栏介绍,本期我们来介绍下lens支持的图表类型。并且通过这些图表搭建一个完整的数据看板。让大家从整体上了解到lens的全貌。

1. 图表介绍

后续介绍基于以下环境

elasticsearch7.13.0kibana7.13.0

1.1 表

表格类型是我们最常见的图表类型,最常见的是在B端产品中。而在看板中展示的表格数据,更多的是统计最近N天的数据,或者排名前N的数据,都会按照一定的排序进行展示

在lens中想要创建表格,只需要将需要展示的字段拖拽到中间操作台或者右侧的字段列表中,然后将图表类型切换为表”即可

如果想要针对某个字段进行排序的话,只需要点击该字段,然后选择降序或者升序

这些图表可以用Kibana Lens一键生成


1.2 指标

指标相对比较简单,就是针对某个字段的统计,比如说平均值、求和、最大值、最小值、计数等

应用实际生产中可能比较多的就是求和统计了,比如说当月的销售总额

这些图表可以用Kibana Lens一键生成


1.3 条形图


这些图表可以用Kibana Lens一键生成

Lens支持的条形图总共有六种:1、垂直百分比条形图 2、垂直堆积条形图 3、垂直条形图 4、水平百分比条形图 5、水平堆叠条形图 6、水平条形图


水平与垂直的区别在于显示方向,一般我们把排行等统计做成水平的,趋势等条形统计做成垂直的。

百分比条形图是指将相同类型下各个数据的占比大小情况,如下图所示,可以看到总体都是100%,分别显示了同类型的各个数据的占比情况。

这些图表可以用Kibana Lens一键生成

堆叠条形图将每个柱子进行分割以显示相同类型下各个数据的大小情况,如下图所示,总体叠加起来又能反馈每根柱子的相差情况。

这些图表可以用Kibana Lens一键生成


1.4 折线图和面积图

1、面积图:强调数值随时间而变化的程度,也可以强调对于趋势的变化。面积图与折线图有些类似,但是比折线图更能体现整体面积上的变化,能够更加直观的感受到其容量上的差别

这些图表可以用Kibana Lens一键生成

2、百分比面积图:与上述的百分比条形图类似,百分比面积图主要强调相同类型的各个数据的面积比例。可以比较直观看到某个时间段内的数值比例

这些图表可以用Kibana Lens一键生成

3、堆积面积图:显示每个数值所占大小随时间或类别变化的趋势线。并且可以从面积上反馈时间段内的比例大小

这些图表可以用Kibana Lens一键生成

4、折线图:折线图相对比较常见,更加强调变化趋势

这些图表可以用Kibana Lens一键生成


1.5 比例图形

1、饼图:用于显示比例关系,可用于比例关系显示,强调整体与个体之间的比较。

这些图表可以用Kibana Lens一键生成

2、环形图,也用于显示比例关系,更加强调各个结构之间的比例以及整体与个体之间的比较

这些图表可以用Kibana Lens一键生成

3、树状图:更加适用于大样本的是整体与个体之间的比较。也更直观的显示出各个个体之间的比例关系。

这些图表可以用Kibana Lens一键生成

以上也就是我们的lens支持的图表类型,基本上常用的结构都包含到了。并且应用起来也非常简单。要统计的指标数据也可以在右侧栏进行调整,大家不妨动手实操试试看。


最后展示下我们通过Lens制作出来的样图(未考虑数据价值)

这些图表可以用Kibana Lens一键生成

但是看着是不是缺了点什么,想想看如今常见的数据大屏是怎样的?


我们来将kibana自带的深色模式打开看看会发生什么?在Stack Management>高级设置中可以找到

这些图表可以用Kibana Lens一键生成

设置完成后刷新页面,我们再加上一个地图看板,会发现充值VIP般的效果


下期预告

kibana各种可视化编辑器