Grafana4.7.0 开发panel插件

简述

最近被老板逼着去调查开发grafana第三方插件，目前grafana版本为4.7.0，刚起步的我也是
一脸懵逼，先按照github readme将grafana运行起来了。
然后就是基于百度google的各种编程。可是悲剧了！！！！！

找到的都是版本较低的教程！！！这个grafana升级后改用ts了这真的是让我无从下手。

正文

整理一下思路，要想开发panel就要解决三个问题

• 如何引入第三方库（例： echarts）
• 如何获取数据
• 如何进行数据展示

后两条在新旧版本里没什么差别，可以参考教程 grafana panel插件开发教程 原链接已失效 新链接 新的转载教程

上述教程中引入echarts的地方需要进行修改（4.7.0版本没有public/app/system.conf.js 文件截图 ）将echarts.min.js放入public/vendor/目录下后，修改public\app\features\plugins\plugin_loader.ts文件

import echarts from 'vendor/echarts/echarts';//18行
*
*
*
exposeToPlugin('echarts',echarts);// 73行

即可引入echarts库，同时在panel插件controller文件中

 import echarts from 'echarts'; 

使用grunt工具重新编译panel插件项目目录，重新npm run watch ,并重启后台服务。

至此，grafana4.7.0就集成了echarts了·····加油 everybody！