Hastic Graph Panel

A better version of default Grafana's Graph Panel. Can render Anomalies & more. In order to detect anomalies and make predictions, you need to install: https://github.com/hastic/hastic-server

Installation

Clone repo

cd $GRAFANA_PATH/data/plugins
git clone git@github.com:hastic/hastic-grafana-graph-panel.git

and restart your $GRAFANA_PATH/bin/grafana-server server.

Usage

You should have hastic-server running to use anomaly detection.

• set template variable $backendUrl with URL of your hastic-server instance (e.g. http://localhost:8000) in your dashboard
• set metrics in Metrics tab
• go to Analytics tab and create new anomaly
• label your data:
  • click button with chart icon
  • highlight anomalies on graph holding Ctrl button
  • when you finished labeling - click button with chart icon once more
• you should see Learning status while hastic-server is learning (first learning can take a while)
• when Learning status dissapear - you should see anomalies labeled in your graph

Development

Build

npm install
npm run build

Changelog

[Improvements]

• You can zoom during update

Credits

Based on

• grafana-plugin-template-webpack-typescript
• @types/grafana