Grafana4.7.0|Grafana4.7.0 开发panel插件
简述
【Grafana4.7.0|Grafana4.7.0 开发panel插件】最近被老板逼着去调查开发grafana第三方插件，目前grafana版本为4.7.0，刚起步的我也是
一脸懵逼，先按照github readme将grafana运行起来了。
然后就是基于百度google的各种编程。可是悲剧了！！！！！
找到的都是版本较低的教程！！！这个grafana升级后改用ts了这真的是让我无从下手。
正文
整理一下思路，要想开发panel就要解决三个问题
- 如何引入第三方库（例： echarts）
- 如何获取数据
- 如何进行数据展示
上述教程中引入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！
推荐阅读
- 深入理解Go之generate
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 我的软件测试开发工程师书单
- echart|echart 双轴图开发
- NPDP拆书（三）（新产品开发战略（经营与创新战略））
- 芯灵思SinlinxA33开发板Linux内核定时器编程
- 常用git命令总结
- 藏族开发的修路人——记致富援乡的斯定那珠
- ASP.NET|ASP.NET Core应用开发思维导图
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)