html - 我可以更改顶部菜单栏并删除 kibana-4 中的一些选项吗

Question

我已经安装kibana-4在我的 Linux 机器上。我的要求是我想在我的 kibana 主页中删除保存搜索字段等选项，并且我想通过我自己的自定义菜单栏更改 kibana 的顶部菜单栏。这是我想做的事情的快照。

Answer 1

Kibana 4 还没有很好的文档记录。您可能需要深入研究代码以了解事情是如何工作的。

话虽如此，您可能希望使用 'embed=true|false' URL 参数来显示或不显示整个工具栏。这在将 kibana 嵌入 iframe 时很有用，这样可以从外部注入参数并且用户无法更改设置。

显示名为“demo”且没有工具栏的仪表板的示例：

http://<hostname>/#/dashboard/demo?embed=true&_g=(time:(from:now-90d,mode:quick,to:now),title:demo)

然后，您可以创建自己的菜单并驱动嵌入 Kibana 的 iframe。

希望这可以帮助。

Answer 2

这很容易做到，但这不是外部暴露的，因此您需要修改代码才能做到这一点。
我会解释，但请注意，这在 2015 年 4 月是正确的（kibana repo 中的代码变化很快）

顶部菜单栏
每个页面在 kibana 术语中都称为“插件”。
代码库有一个名为“plugins”的目录，在那里您可以找到“Discover”、“Visualize”、“Dashboard”和“Settings”的目录。
这些目录中的每一个都有一个index.js文件。查找将此插件注册到注册表的部分。
它应该看起来像这样：

var apps = require('registry/apps');
  apps.register(function DashboardAppModule() {
    return {
      id: 'dashboard',
      name: 'Dashboard',
      order: 2
    };
  });

您可以将其注释掉，它不应再出现在菜单中。

侧边菜单（在搜索栏旁边）
转到文件plugins/discover/index.html。在那里你会找到呈现这个菜单的 html。它看起来像这样：

<kbn-tooltip text="Save Search" placement="bottom" append-to-body="1">
        <button ng-click="configTemplate.toggle('save')"><i class="fa fa-save"></i></button>
</kbn-tooltip>
<kbn-tooltip text="Load Saved Search" placement="bottom" append-to-body="1">
        <button ng-click="configTemplate.toggle('load')"><i class="fa fa-folder-open-o"></i></button>
</kbn-tooltip>
<kbn-tooltip text="Settings" placement="bottom" append-to-body="1">
        <button ng-click="configTemplate.toggle('config')"><i class="fa fa-gear"></i></button>
</kbn-tooltip>

您可以将其注释掉，或将其删除，您将不会再看到这些按钮。

备注
如果您只想在监视器上显示仪表板，那么您应该使用“嵌入”功能。查看仪表板时单击“共享”按钮，您将获得一个片段，允许您在 iframe 中显示仪表板。
像我解释的那样删除菜单不会阻止某人访问系统中的这些页面/端点。如果您想在外部显示仪表板但不希望用户使用您的数据，则不应将其作为安全预防措施！

Answer 3

您可以在 kibana 中使用带有共享选项的 iframe。

Answer 4

如果它可以帮助任何人。我也遇到了类似的问题，在新的 kibana-4 中，kibana 搜索栏显示在嵌入中，当我们将图表嵌入到我们自己的分析仪表板上时，我发现这让人分心。所以我可以通过更改嵌入代码来删除搜索栏，如下所示：

目前，当您从 Kibana 复制嵌入代码时，您会得到：

<iframe src="https://your-es-url.com/_plugin/kibana/?embed&#/dashboard/My-Dashboard?_g=(refreshInterval:(display:Off,pause:!f,section:0,value:0),time:(from:now-24h,mode:quick,to:now))&_a=(filters:!(),panels:!((col:1,id:'Unprocessed-Stock-Calls-(Status-%3C-3)',row:1,size_x:12,size_y:4,type:visualization),query:(query_string:(analyze_wildcard:!t,query:'*')),title:'My%20Dashboard')" height="600" width="800"></iframe>

这默认显示 kibana 搜索栏。但是您可以按如下方式重新排序嵌入代码，将刷新间隔移到末尾，它会停止显示搜索栏并且可视化加载得很好。

<iframe src="https://your-es-url.com/_plugin/kibana/#/dashboard/My-Dashboard?embed&_a=(filters:!(),panels:!((col:1,id:'Unprocessed-Stock-Calls-(Status-%3C-3)',row:1,size_x:12,size_y:4,type:visualization),query:(query_string:(analyze_wildcard:!t,query:'*')),title:'My%20Dashboard')&_g=(refreshInterval:(display:Off,pause:!f,section:0,value:0),time:(from:now-24h,mode:quick,to:now))" height="600" width="800"></iframe>