简述
最近被老板逼着去调查开发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！
