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 You need Grafana version 5.1.1 or more

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.

• open new dasboard where you want to see Hastic panel
• open Dashboard Settings (top right corner) and then Varables
• Add new Constant variable with name equals to HASTIC_SERVER_URL and value with URL of your hastic-server instance (e.g. http://localhost:8000) in your dashboard
• Save settings and close Settings window
• set one metrics in Metrics tab. Only one metric suported
• go to Analytics tab and create new anomaly
• label your data:
  • click button with chart icon
  • highlight anomalies on graph holding Ctrl button on Windows or Cmd on Mac
  • when you finished labeling - click button with chart icon once more. saving... status should appear.
• 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