网上找了一圈开发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可视化插件开发


相关文章:

  • 2021-06-27
  • 2021-04-07
  • 2022-12-23
  • 2021-12-01
  • 2022-01-20
  • 2021-12-03
  • 2021-07-09
猜你喜欢
  • 2022-12-23
  • 2021-10-01
  • 2021-08-20
  • 2021-11-29
  • 2021-08-23
  • 2022-12-23
  • 2021-10-14
相关资源
相似解决方案