麻涌手机网站设计,网站建设中网页模板,昆明网站制作公司,河南住房和城乡建设厅网站特种目录
1.概述
2.绘制数据大屏
2.1.准备数据
2.2.绘制大屏
3.嵌入项目中 1.概述
再来重新认识一下kibana#xff1a;
Kibana 是一个用于数据可视化和分析的开源工具#xff0c;是 Elastic Stack#xff08;以前称为 ELK Stack#xff09;中的一部分#xff0c;由 Ela…目录
1.概述
2.绘制数据大屏
2.1.准备数据
2.2.绘制大屏
3.嵌入项目中 1.概述
再来重新认识一下kibana
Kibana 是一个用于数据可视化和分析的开源工具是 Elastic Stack以前称为 ELK Stack中的一部分由 Elastic 公司提供。Kibana 提供了丰富的功能使用户可以通过直观的图表、图形和仪表板来探索、分析和理解存储在 Elasticsearch 中的数据。
数据可视化 Kibana 提供了多种图表类型如柱状图、线图、饼图、地图等用户可以根据需要创建各种可视化图表来展示数据。操作ESKibana 紧密集成了 Elasticsearch可以直接从 Elasticsearch 中读取数据并将可视化图表和仪表板保存到 Elasticsearch 中方便分享和重用。
之前我们只是粗略的用kibana来操作了一下ES关于其图表还没有用到过其实对比起操作es而言kibana的图表功能才是最核心的我们可以用配置和拖拽的方式在kibana中快速的实现一个数据大屏。
关于之前的ES相关文章可以移步专栏
https://blog.csdn.net/joker_zjn/category_12542755.html
2.绘制数据大屏
绘制数据大屏其实就是在一张画板面板上配置出一个个自己想要的组件然后拖动布局形成自己想要的效果。
2.1.准备数据
要做大屏肯定要现有数据自己去做数据太麻烦了kibana为我们提前准备好了几套示例数据。第一次登录kibana初始化的时候会进入添加示例数据的界面一共提供了三套数据电商数据、飞行数据、web日志数据。 如果已经不是第一次登录kibanakibana在之前就已经初始化过了那么可以点击左上角的kibana图标转跳到kibana的主页主页中有转跳到添加示例数据的界面的快捷入口 添加其中一套示例数据后进入discover界面可以看到有一个该类数据的索引此处我添加的是电商数据 2.2.绘制大屏
要画画当然先要有画布仪表板就相当于一个画板我们要在这个画板上创作出一幅幅我们想要的图表组合成最后的可视化界面。
接下来就是创建仪表板 建仪表板的时候是不允许建空的仪表板的所以要先叫我们选第一个图表这里我们选择标签云图 记得数据源不要选错了要选之前生成的那个订单的索引 点击后会进入新建的云图的配置界面 在存储桶里面可以配置
这里我们配置的关键字是商品名称降序显示也就是热度越高的字越大点击update就可以生成图片。 做完就可以保存了保存的时候千万不要点成下面那个保存图标了 保存后可以看到刚刚生成的面板可以随意拖动、放大和缩小 当然还可以修改这个面板 光有一个图肯定还不够丰富我们再来建一个表在面板上添加新的组件 仔细观察这个表是不是显得还是太单调了我们来将这个图配置的丰富一点
两条指标一个订单量一个销售量。 保存后可以看到面板上有新的组件了这时候可以通过拖动来调整布局 目前整个界面都是静态的我们可以通过添加控制组件来让整个图表拥有动态的交互能力 配置一个滑块 再配置一个下拉框 重新布局一下然后保存 再进仪表盘界面的时候就可以看见我们自己定制的数据大屏了 3.嵌入项目中
我们在kibana中定制了一个数据大屏肯定是希望在项目中可以用而不是每次都要打开kibana来展示这个数据大屏是吧为此kibana也为我们准备了导出大屏的口子。 可以导出为一段链接也可以导出为HTML代码然后把他们嵌入项目中的HTML中即可。