Kibana:为 Dashboard 创建链接 drilldown - 7.11 版本

article/2025/9/12 19:21:25

我在之前的文章 “Kibana:使用 drilldown 从一个仪表板切换到另外一个仪表板” 展示了如何在 dashboard 里使用 drilldown 从一个仪表板到另外一个仪表板的跳转。在今天的文章中,我将介绍如何创建一个链接 drilldown 从而实现从 dashboard 到一个链接的跳转。在这里必须指出的是这个功能只在 Elastic Stack 7.11 及以上的版本中出现。

 

更多相关 drilldown 文章:

  • Kibana:为 table 创建链接 drilldown - 7.11 版本

  • Kibana:Drilldown 中的 URL 模板

 

准备数据

在今天的练习中,我将使用 Kibana 自带的索引来进行展示:

上面显示我们的 Sample web logs 已经被安装成功了。

 

创建链接 drilldown

首先我们打开已经被创建好的 dashboard:

在上面的显示中,我们可以看到 404 response code 用注释的方式表示出来的时间点。也许有些人对这些 response  codes 不是很懂。在查看这个图的时候需要了解这些 response codes 的意思。我们可以为这个可视化化创建一个 url 的 drilldown 来进行展示。点击上面的 Edit 按钮:

从上面我们可以看出来有两种 drilldown 可以生成:

  • Go to Dashboard
  • Go to URL

针对之前的 Go to Dashboard,我在之前的文章中已经介绍过了。请详细参阅文章  “Kibana:使用 drilldown 从一个仪表板切换到另外一个仪表板”。我们点击 Go to URL:

我们把解释 response codes 的链接 https://blog.csdn.net/t_332741160/article/details/81408597 填入,并使之在一个新的 tab 里进行打开。点击上面的 Create drilldown:

上面显示, response codes 这个 drilldown 已经被成功地创建了。我们必须保存 Dashboard 才可以进行使用:

点击 Save 链接:

点击上面的 response codes:

我们可以看到一个新的 tab 已经被打开,并展示相应的解释 response codes 的页面。

 

创建带有参数的 drilldown

在很多情况下,我们需要针对不同的点击进行不同的页面显示,那么,我们可以使用带有参数的 drilldown。为此,我们来创建一个如下的 panel:

这样我们就得到了 response codes 的分布图。我们保存当前的 Panel 到 Dashboard 中:

这样在 Dashboard 中,我们可以看到刚才已经创建的 Panel。我们点击 Create drilldown:

在上面,我们在 URL template 中使用如下的链接:

https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/{{ event.value }}

在上面的 event.value 中将获得点击时的参数。点击 Create drilldown,这样我们就创建好了 drilldown:

保存当前的 Dashboard:

当我们点击上面 Pie Chard 中的绿色部分,它就会自动弹出一个 context menu。我们可以选择 Lookup Status Code。我们可以在另外一个 tab 里看到:

如上所示,它展示了对 200 response code 的解释。

同样当我们点击 404 时,它也可以带去我们去 404 页面的解释:


http://chatgpt.dhexx.cn/article/gdSDv7X8.shtml

相关文章

终极玩转Power BI中Drill-down Choropleth 地图

故事背景 最近有个Power BI的项目有个功能点,颇令我头痛,说来话长,先捋一下需求: 1, 中国地图(包含港澳台) 2, 可以下钻到省市级,而且是中国->Region->Area->城…

C语言计算阶乘及阶乘的和

计算 n的阶乘。要实现这个阶乘的值并不难&#xff0c;只需要运用到for循环依次相乘即可&#xff0c;但要注意for循环i的初始值一定是从1开始到n结束。 #include<stdio.h> int main() {int i,n;int ret 1;//用于存放阶乘的值scanf("%d", &n);for (i 1; i…

c语言求阶乘的两种算法(递归和循环)

循环法 循环法还是比较简单的&#xff0c;很常规&#xff0c;就先输入你要求的阶乘n&#xff0c;然后一直自减 #include <stdio.h> main() {long n,sum1;//10 以上的阶乘就比较大了&#xff0c;所以用longint i;printf("请输入你要求的阶乘呀&#xff1a;");…

【C语言】求一个数的阶乘

#include <stdio.h> //包含标准库的信息int main(void) //每个程序都从main函数的起点开始执行 { //函数开始int p 1;int n;printf("请输入所求阶乘&#xff1a;\n");scanf("%d",&…

C语言求1到20的阶乘之和

#include<stdio.h>int main() {int i, j;long long sum 0, jieCheng;for (i 1; i < 20; i){jieCheng 1;for (j 1; j < i; j){jieCheng * j;}sum jieCheng;}printf("%lld", sum);return 0; }

C语言基础 阶乘:输入一个数,输出它的阶乘。

升级打怪 C语言基础第一题 题目&#xff1a; 输入一个数字&#xff0c;输出它的阶乘。 求阶乘有很多种方法&#xff0c;我下面来例举一种使用while语句的方法&#xff01; 1.首先定义变量&#xff1b; 2.输入所要求的阶乘&#xff1b; 3.使用while循环 fact*i 就是 fac…

阶乘求和 C语言实现求阶乘之和 三种方法实现 先阶乘再累加

题目&#xff1a; 此处题目是以1-20的阶乘之和举例 方法一&#xff1a;使用一层for循环实现 代码简单快捷容易理解 代码示例如下&#xff1a; #include<stdio.h> int main() {double a 1, sum 0;//因为最后值可能会超出int所能接收的范围 故用doubleint n, i;scanf…

C语言 求n的阶乘及阶乘和

题目 随机输入一个整数n&#xff0c;求出n的阶乘 思路 阶乘&#xff0c;每次乘的数依次递增&#xff0c;直到第n个数&#xff0c;因此我们可以设置一个变量result&#xff0c;用于储存每一次的运算结果。且每次乘的数都依次递增&#xff0c;可以使用for循环语句&#xff0c;…

C语言:运用函数实现阶乘

第一次写的时候&#xff0c;输出一直输出的为初始值&#xff0c;没有输出阶乘后的值&#xff0c;找了好久问题才发现&#xff0c;下次一定注意 编程时要考虑到0和1的阶乘 代码如下&#xff1a; #define _CRT_SECURE_NO_WARNINGS #include<stdio.h>int JC(int num) {in…

【C语言】求阶乘与阶乘之和

中学我们都学习了阶乘的求法&#xff0c;比如要求整数&#xff4e;的阶乘&#xff0c;则&#xff4e;!n(n-1)(n-2)…21。现在有两个问题&#xff0c;要用&#xff23;语言编写程序求&#xff4e;的阶乘&#xff0c;以及求1!2!3!…n!&#xff0c;该如何解决呢&#xff1f;   …

【C语言】阶乘实现

&#x1f389;博客主页&#xff1a;Luo-Kuang-何 &#x1f389;座右铭&#xff1a;一起走向人生巅峰的路上&#x1f601; &#x1f389;学习进度&#xff1a;【C语言】 &#x1f389;博客声明&#xff1a;我将尽我所能&#xff0c;用心写好每一份博客&#xff0c;让更多小伙伴能…

C语言入门——计算n的阶乘

目录 一、问题 二、问题分析 三、代码实现 四、运行结果 一、问题 通过c语言编程计算n的阶乘。 二、问题分析 1、首先明确n的阶乘在数学中怎么算&#xff1a;1*2*……*(n-1)*n n! 2、怎么用c语言来实现呢&#xff1f; &#xff08;1&#xff09;首先要做的是要有这n个数…

C语言 求阶乘和

法一:利用for循环 输入n 后,我们要计算1!2!...n!,我们最容易想到的,也会写的是某单个数的循环,如 int n 5; //当输入n 5时 int i 0; int num 1;//循环总和 int renum 0;//累加总和 for(i 1; i < n; i) // 5 的阶乘 1 * 2 * 3 * 4 * 5 {num * i; } 那么对于一系列的阶…

五种C程序计算阶乘方法 c语言实现1到n的阶乘1*2*3*.....*n的累乘计算,使用不同方法实现,五种计算阶乘的方法

题目&#xff1a; 题目分析&#xff1a; 首先要清楚阶乘定义&#xff0c;所谓 n 的阶乘&#xff0c;就是从 1 开始乘以比前一个数大 1 的数&#xff0c;一直乘到 n&#xff0c;用公式表示就是&#xff1a;1234…(n-2)(n-1)nn! 具体的操作: 利用循环解决问题&#xff0c;设循环变…

毕设 深度学习卷积神经网络的花卉识别

文章目录 0 前言1 项目背景2 花卉识别的基本原理3 算法实现3.1 预处理3.2 特征提取和选择3.3 分类器设计和决策3.4 卷积神经网络基本原理 4 算法实现4.1 花卉图像数据4.2 模块组成 5 项目执行结果6 最后 0 前言 今天学长向大家介绍一个机器视觉项目 基于深度学习卷积神经网络…

AlexNet实现花卉识别

AlexNet实现花卉识别 本人水平有限&#xff0c;如有错误&#xff0c;欢迎指出&#xff01; 1. AlexNet 1.1 简介 ​ AlexNet是由UToronto的Alex Krizhevsky、Hinton等人在2012年提出的8层神经网络模型&#xff0c;并获得了ILSVRC12挑战赛ImageNet数据集分类任务的冠军&#x…

基于CNN的花卉识别

程序和数据集地址&#xff1a;https://download.csdn.net/my 数据集准备&#xff1a; 如图是五种类别的花卉数据集&#xff0c;分别放在五个文件夹。 训练神经网络模型文件在CNN中 定义数据集地址和模型保存地址程序如下&#xff08;我用的是‘\’&#xff0c;建议用‘/’表示…

【实战】tensorflow 花卉识别

文章目录 实战&#xff1a;花卉识别数据集网络模型可视化画卷积图&#xff1a; 实战&#xff1a;花卉识别 数据集 数据集&#xff1a;tensorflow 花卉识别 该数据集是 分为 5 个类别 [‘雏菊’, ‘蒲公英’,‘玫瑰’,‘向日葵’, ‘郁金香’] 网络模型 可视化 画卷积图&#x…

毕业设计-基于深度学习的花卉识别分类

目录 前言 课题背景和意义 实现技术思路 一、花卉识别相关理论基础 二、基于 ResNeXt 和迁移学习的花卉种类识别 三、基于 EfficientNet 和迁移学习的花卉种类识别 实现效果图样例 最后 前言 &#x1f4c5;大四是整个大学期间最忙碌的时光,一边要忙着备考或实习为毕业后…

毕业设计 - 题目:基于深度学习卷积神经网络的花卉识别 - 深度学习 机器视觉

文章目录 0 前言1 项目背景2 花卉识别的基本原理3 算法实现3.1 预处理3.2 特征提取和选择3.3 分类器设计和决策3.4 卷积神经网络基本原理 4 算法实现4.1 花卉图像数据4.2 模块组成 5 项目执行结果6 最后 0 前言 今天学长向大家介绍一个机器视觉项目 基于深度学习卷积神经网络…