kibana使用echarts

Kibana | 作者 wx7614140 | 发布于2016年07月25日 | | 阅读数:5330

最近被催着要在kibana里加入关系图(社交网络类似的),然后百度的echarts支持关系图。之前一直以为修改kibana加入echarts会很难(因为node我不会,angularjs我也不会。。。),直到今天被逼要在几天之内加入关系图,我发现,加入echarts真的不太难!
我的做法是
①cd 进kibana的根目录,然后vim package.json,在dependencies中加入"echarts":"3.2.2"(key value结构,3.2.2是echarts最新版本)
②在kibana根目录使用npm update命令,会自动下载echats.
③npm start 开启debug模式
④在要修改的js 文件中加入let echarts=requrie("echarts");即可调用echarts进行开发了!
 

[尊重社区原创,转载请保留或注明出处]
本文地址:http://elasticsearch.cn/article/98


7 个评论

另外我用的是4.5版本的kibana
更合适的方法应该是自己开发一个visualize plugin。同样不难。
这个改改就能用 https://github.com/dm520/kibana-plugin-echarts,我fork了一个版本https://github.com/0312birdzhang/kibana-plugin-echarts ,5.1.2环境下开发的
我用的kibana是5.6.3的把JSON改成5.6.3不能用
可能有部分插件需要更新吧,我的那个也不是通用的,只适合我们的业务。通用的不太会写,比较复杂。
楼主,还有具体的教程吗?急求.
我kibana用的5.2.0,启动报错误,
ERROR in ../plugins/kibana-plugin-echarts-master/public/echarts_pie_controller.js
Module not found: Error: Cannot resolve module 'echarts/lib/echarts' in /export/servers/kibana/plugins/kibana-plugin-echarts-master/public
@ ../plugins/kibana-plugin-echarts-master/public/echarts_pie_controller.js 5:25-55

ERROR in ../plugins/kibana-plugin-echarts-master/public/echarts_pie_controller.js
Module not found: Error: Cannot resolve module 'echarts/lib/chart/pie' in /export/servers/kibana/plugins/kibana-plugin-echarts-master/public
@ ../plugins/kibana-plugin-echarts-master/public/echarts_pie_controller.js 9:0-32

要回复文章请先登录注册