CorpGlory / grafana-graph-panel

Webpack copy of Grafana default panel

THIS REPO IS NOT SUPPORTED, ONLY FOR EDU PURPOSES

Graph Panel

Webpack copy of Grafana default panel. Now you can make your plugins based on graph panel and hack it easier.

Works only on Grafana versions >= V5.0.1

Build

npm install
npm run build

After you fork

Sorry, but it's common for Grafana plugins make directives which collide with each other. It comes from AngularJS. Use ctrl+f to find params in source code files below:

• Change in plugin.json id from graph-panel-template-panel to something-else-graph-panel
• Change in src/graph.ts directive name from grafanaTemplateGraph to somethingElseGraph
• Change in src/legend.ts directive name from graphTemplateLegend to somethingElseLegend
• Change in src/axes_editor param templateUrl param from public/plugins/graph-panel-template-panel/partials/axes_editor.html to public/plugins/something-else-graph-panel/partials/axes_editor.html
• Change in template.ts param grafana-template-graph to something-else-graph and graph-template-legend to something-else-legend
• in case you debug with VSCode, change in .vscode/launch.json param /public/plugins/graph-panel-template-panel to /public/plugins/something-else-graph-panel

Credits

• grafana-plugin-template-webpack-typescript
• @types/grafana
• github.com/chartwerk/grafana-chartwerk-app -- a new way to build your Grafana plugins