如何通過單擊另一個圖表的元素來打開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
    }
});

但是，我不知道如何在該函數中創建直方圖。 我試過要求'ui / Vis / Schemas'，'ui / vislib / vis'，'ui / vislib_vis_type / VislibVisType'並創建一個新的VislibVisType和一個新的Vis，這個想法是運行VislibVisType.prototype.createRenderbot，但是似乎我沒有必要的對象作為參數傳遞（vis，$ el，uiState）。 我真的是Kibana（和AngularJS）的新手，所以我可能做錯了所有事情，因此，如果有人可以幫助我解決這個問題，我將不勝感激。

Answer 1

看來您可能打算錯誤地創建自定義Kibana插件。 蒂姆·羅斯（Tim Roes）的精彩系列可以幫助您入門。

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

插件有兩種類型：應用程序和可視化。 您所描述的內容可能無法實現可視化（或者我錯了），因此您可以考慮創建一個應用程序。

一旦開始，您可能想要查看C3.js和該庫中的餅圖。 它具有一個點擊處理程序，您應該可以點擊它。 該庫中還有一個條形圖。