如何通過單擊另一個圖表的元素來打開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和該庫中的餅圖。它有一個點擊處理程序，你應該能夠進入。該圖書館還有一個條形圖。