Question

我想让kibana直方图面板中的条形可点击。与术语面板类似，单击术语时将刷新具有相关值的仪表板，我希望直方图面板可单击。我在histogram面板文件夹中浏览了module.js和module.html。 $ scope.panel的filter值为st。但我无法弄清楚如何使酒吧可点击。请帮助：）

Answer 1

直方图是使用http://www.flotcharts.org/库。您需要熟悉它才能进行所描述的更改。

HEre是Kibana中实例化直方图的代码： https://github.com/elasticsearch/kibana/blob/master/src/app/panels/histogram/module.js#L742

plot = $.plot(elem, data, options);

本教程介绍了交互如何与flot图表一起使用：http://www.flotcharts.org/flot/examples/interacting/index.html

您需要通过以下方式点击图表来绑定您的操作：

    $("#histogram-chart").bind("plotclick", function (event, pos, item) {
        if (item) {
            $("#clickdata").text(" - click point " + item.dataIndex + " in " + item.series.label);
            plot.highlight(item.series, item.datapoint);
        }
    });

如何使直方图面板中的条可点击 - kibana ES

1 个答案: