kibana: Kibana Lens让你更加轻松、直观的构建数据看板(二)图表介绍

55555
后端领域优质创作者
博客专家认证
2022-03-31 00:51:51

0. 引言

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

1. 图表介绍

后续介绍基于以下环境

elasticsearch7.13.0
kibana7.13.0

1.1 表

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

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

在这里插入图片描述


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

在这里插入图片描述

1.2 指标

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

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

在这里插入图片描述

1.3 条形图

在这里插入图片描述


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

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

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

在这里插入图片描述


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

在这里插入图片描述

1.4 折线图和面积图

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

在这里插入图片描述


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

在这里插入图片描述


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

在这里插入图片描述


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

在这里插入图片描述

1.5 比例图形

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

在这里插入图片描述


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

在这里插入图片描述


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

在这里插入图片描述


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

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

在这里插入图片描述


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

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

在这里插入图片描述


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

在这里插入图片描述

下期预告

kibana各种可视化编辑器

在这里插入图片描述

...全文
286 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

27,748

社区成员

发帖
与我相关
我的任务
社区描述
Elastic开源社区是一个提供Elastic Stack全栈技术分享、技术交流、课程直播、Elastic认证工程师考试培训的平台。 在这里你可以结识更多技术大牛,掌握第一手学习资源。
社区管理员
  • Elastic开源社区
  • wu@55555
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

本站福利

  • Elastic认证工程师 生根中国!
  • 体系、全面的学习资料(每天同步更新)
  • Elastic 8.x 最新全栈课程资料 实时更新
  • 每天活跃的技术大佬定期更新的 技术分享

成员须知

  • 对社区有贡献的活跃用户的 定制礼物放送
  • 和行业大佬零距离:不定期组织 线下活动

试试用AI创作助手写篇文章吧