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

Question

我正在尝试为Kibana 4.6创建一个自定义可视化插件，我在'已安装的插件'文件夹中创建了一个默认饼图的副本。我试图在点击饼图的任何一个切片后显示另一个图表（直方图/垂直条形图）。 我确定这不是最好的方法，但现在，我发现只有一种方法可以将自定义点击处理程序添加到饼图切片中：将以下代码插入到ui/public/vislib /可视/ 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）非常陌生，所以我可能做的都不对，所以如果有人能帮助我解决这个问题，我会很感激。

Answer 1

它看起来像你可能会错误地创建一个自定义的Kibana插件。蒂姆罗斯有一个很好的系列，可以帮助你开始。

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

有两种类型的插件：应用和可视化。你所描述的可能不可能作为可视化（或者我错了），所以你可能会考虑创建一个应用程序。

一旦你开始，你可能想看看C3.js和该库中的饼图。它有一个点击处理程序，你应该能够进入。该图书馆还有一个条形图。