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

Question

我正在尝试为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
    }
});

但是，我无法弄清楚如何在该功能中创建直方图。我尝试过要求使用＆u / Vis / Schemas＆＃39; ui / vislib / vis＆＃39; ui / vislib_vis_type / VislibVisType＆＃39;并创建一个新的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和该库中的饼图。它有一个你应该能够利用的点击处理程序。该图书馆还有一个条形图。