如何通过单击另一个图表的元素来打开 Kibana 图表答案

【问题标题】：How to open a Kibana chart by clicking on another chart's element如何通过单击另一个图表的元素来打开 Kibana 图表
【发布时间】：2016-09-26 12:30:11
【问题描述】：

我正在尝试为 Kibana 4.6 创建一个自定义可视化插件，我在“已安装插件”文件夹中制作了默认饼图的副本。单击饼图的任何切片后，我试图显示另一个图表（直方图/垂直条形图）。我确信这不是最好的方法，但现在，我发现只有一种方法可以将自定义点击处理程序添加到饼图切片：在 ui/public/vislib 中插入以下代码/visualizations/pie_chart.js（在 PieChart.prototype.addPath 方法内）：

path.each(function() {
    $(this).on('click', function () {
        // my custom onclick action will be here
    }
});

但是，我不知道如何在该函数中创建直方图。我试过要求'ui/Vis/Schemas'、'ui/vislib/vis'、'ui/vislib_vis_type/VislibVisType'并创建一个新的VislibVisType和一个新的Vis，想法是运行VislibVisType.prototype.createRenderbot，但是似乎我没有需要的对象作为参数传递（vis、$el、uiState）。我对 Kibana（和 AngularJS）真的很陌生，所以我可能做错了，所以如果有人能帮助我解决这个问题，我将不胜感激。

【问题讨论】：

标签： javascript angularjs kibana kibana-4

【解决方案1】：

您似乎正在错误地创建自定义 Kibana 插件。 Tim Roes 有一个出色的系列可以帮助您入门。

https://www.timroes.de/2015/12/02/writing-kibana-4-plugins-basics/

有两种类型的插件：应用程序和可视化。您所描述的内容可能无法作为可视化（或者我错了），因此您可能会考虑创建一个应用程序。

一旦开始，您可能想要查看 C3.js 和该库中的饼图。它有一个点击处理程序，您应该可以使用它。该库中还有一个条形图。

【讨论】：