kibana6可视化插件开发

网上找了一圈开发kibana的可视化插件,没有基于kibana6开发的,自己写了一个。(开发kibana6的服务端插件与kibana其他几个版本大同小异,这里不做介绍)

步骤一:建立kibana可视化插件目录插件,目录结构如下图所示

                                        kibana6可视化插件开发

步骤二:写index.js文件   注意:这里有init方法,如果你的可视化插件执行时不需要访问指定url,想要执行默认的_msearch的url,则无需写init方法和定义_vis,_vis2。

            kibana6可视化插件开发

步骤三:写最核心的js文件,这里名为echarts_bar.js,其中echartsBarTemplate为你的可视化展示的部分,echartsBarParamsTemplate为左侧配置参数的部分。在这个js中,如果你的可视化插件执行时不需要访问指定url,则设定requestHandler的值为‘none’

kibana6可视化插件开发

kibana6可视化插件开发

步骤四:写echartsBarTemplate,即echarts_bar.html,为展示可视化效果的页面

kibana6可视化插件开发

步骤五:写echartsBarParamsTemplate,为左侧配置可视化参数的页面

kibana6可视化插件开发

步骤六:写request_hanlder和route(如果你的可视化插件执行时不需要访问指定url,则无此项)

kibana6可视化插件开发

kibana6可视化插件开发


kibana6可视化插件开发


AND,附上效果图

kibana6可视化插件开发

kibana6可视化插件开发