Git Product home page Git Product logo

hastic-zzz / hastic-grafana-app Goto Github PK

View Code? Open in Web Editor NEW
179.0 10.0 18.0 1.39 MB

Hastic data management server for labeling patterns and anomalies in Grafana

Home Page: https://hastic.io

License: GNU General Public License v3.0

JavaScript 1.23% TypeScript 73.92% HTML 24.86%
timeseries monitoring grafana grafana-plugin visualization anomaly-detection pattern-recognition self-hosted detect-anomalies metrics

hastic-grafana-app's Introduction

Hastic Graph Panel

Website | Twitter | IRC

Build Status

A version of Grafana's default Graph Panel for rendering and labeling Hastic's patterns.

See also:

Prerequisites

Support and Consulting

Commercial support, professional services or any help — send us your inquiry at [email protected]

About CorpGlory Inc.

Hastic project developed by CorpGlory Inc., a company which provides high quality software development, data visualization, Grafana and monitoring consulting.

hastic-grafana-app's People

Contributors

amper43 avatar corpglory-dev avatar jonyrock avatar rozetko avatar sameshl avatar sankerust avatar sblrok avatar vargburz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hastic-grafana-app's Issues

Setting HASTIC_SERVER_URL via popup

When adding hastic graph to dashboard in grafana - an error message appears, that HASTIC_SERVER_URL is not set.

image

Right now the user has to navigate to dashboard settings -> variables. Like this:

image

We should make the addition of this variable easier and more obvious to the user.
Maybe create a pop-up, that requests a port number as an input from the user. And it will automatically add this port to HASTIC_SERVER_URL variable in grafana.

Documentation about general usage and screenshots

The documentation should answer questions:

  • What is hastic-graph-panel
  • What is it different from basic graph-panel and how related to it
  • How you can use hastic-panel and how features look like (screenshots)

Info tab

I think when we collect bugreports from users if would be nice to have basic Info about hastic environement.

So I would get:

  • hastic-panel version
  • grafana version
  • hastic-server version
  • how hastic-server installed (docker / build) (maybe we should put it in our status on server)
  • hastic server node version (maybe we should put it in our status on server)
  • basic info about browser and os

@rozetko @sankerust review this please

Fail to label

Steps to reproduce:

  • Create new analytic unit
  • Wait for learning to finish
  • Click "Label" button

Nothing happens
And if you open console - you would see this error
fail

First release

Let`s make first release and update docs accordingly.

Wrong colors order

Steps to reproduce:

  • Create analytic unit
  • Delete it
  • Create new analytic unit

Expected behaviour:

  • New analytic unit would have the same color as the 1st one had

Actual behaviour:

  • New analytic unit has next color from the palette

How-to install

We need a proper documentation about how to install a plugin

Build failed for nodejs less than 6.14

Build failed for nodejs less than 6.14

Expected behaviour: build passed
Recieved:

➜  hastic-grafana-graph-panel git:(master) npm run build                                                                                                                 

> [email protected] build /home/jo/extra/hastic-grafana-graph-panel
> webpack --config build/webpack.prod.conf.js

/home/jo/extra/hastic-grafana-graph-panel/node_modules/webpack/bin/webpack.js:86
        let notify =
        ^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:374:25)
    at Object.Module._extensions..js (module.js:417:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Function.Module.runMain (module.js:442:10)
    at startup (node.js:136:18)
    at node.js:966:3

npm ERR! Linux 4.15.0-33-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "build"
npm ERR! node v4.2.6
npm ERR! npm  v3.5.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: `webpack --config build/webpack.prod.conf.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script 'webpack --config build/webpack.prod.conf.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the hastic-graph-panel package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webpack --config build/webpack.prod.conf.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs hastic-graph-panel
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls hastic-graph-panel
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/jo/extra/hastic-grafana-graph-panel/npm-debug.log

Steps to reproduce:
(nodejs less than 6.14)

cd hastic-grafana-graph-panel
npm run build    

Error instantiating. 404 /hastic-graph-panel/module

I am getting this error while trying to add a panel to the dashboard. The variable has already been configured. I downloaded the tar file and unzipped it in the right location. However, I am still unable to add the panel. I am using centos 7.4 and grafana 5.3.

Choosing custom color for analytic unit

When trying to manually change the color of an analytic unit - this error appears in console and color change doesnt happen.

Steps to reproduce:

  • Create new analytic unit
  • Click the color icon
  • Click any color from the palette

image

    at t.onColorSelect (app.5372b9bbcb8c6d1c027e.js:19772)
    at t.setColor (ColorPickerPopover.tsx:37)
    at t.sampleColorSelected (ColorPickerPopover.tsx:42)
    at app.5372b9bbcb8c6d1c027e.js:19820
    at Object.u (react-dom.production.min.js:26)
    at Object.invokeGuardedCallback (react-dom.production.min.js:25)
    at Object.invokeGuardedCallbackAndCatchFirstError (react-dom.production.min.js:25)
    at p (react-dom.production.min.js:30)
    at v (react-dom.production.min.js:32)
    at b (react-dom.production.min.js:32)```

Metric query change vs trained model

  • User makes query
  • User label patterns
  • User change query

AND WHAT? Now everything is broke. We show wrong patterns and analytics doesn`t know what data which should be analysed changed.

Clicking on "Add Analytic Unit" erases input

Steps:

  • Click "Add Analytic Unit"
  • Change name of new Analytic Unit
  • Click on button "Add Analytic Unit"

it will drop value in name of new Analytic Unit in input form.
I think it is unexpected behavior.

Data source not found

When you open panel editor and have no datasource in metrics - you got "Datasource not found" error

image

Add help section to the panel

We should add some sort of help section to panel, that would help the user to choose appropriate analytics for his/her needs.

It should include description and examples of all of the available detection patterns.

User feedback.

same anomaly name color choice

When 2 or more anomalies are using the same name the color choice starts to work wierd.

It only changes color for the last created anomaly with the same name. And it is not possible to change colors for anomalies with same name, that were created previously.
bug or feature?

test:

  • Create 2 or more anomalies with same name.
  • Try to change the color for the last with same name (works OK)
  • Now try to change the color for the first (changes color for the last only)

Adjust color choosing script?
Check anomaly name fields and restrict user from creating same names?

Deleted segment deletion

If you've deleted a segment and then changed your mind - you can't undelete it
Should be possible to delete deleted segments

P.S. it's not even supported by server yet

Synchronization with hastic-server

We need to store everything connected to analytics (analytic units, segments) on the server. While in panel itself we shouldn't store any data, only take it from the server.
The problem is when a user deletes segments and did NOT save the dashboard - he expects, that they will stay displayed.

Unsupported grafana version (5.2.1)

In grafana 5.1.4 hastic graph is rendered OK.
In grafana 5.2.1 hastic graph is not rendered at all.

Steps to reproduce:

  • Use grafana version 5.2.1
  • Create a dashboard with hastic graph panel

Expected behaviour (grafana version 5.1.4)
image

Grafana 5.2.1 behaviour:
image

And console output:
image

TypeError: Cannot read property 'min' of undefined
    at s (ticks.ts:123)
    at updateLegendValues (graph_renderer.ts:829)
    at GraphRenderer../graph_renderer.ts.GraphRenderer.render (graph_renderer.ts:207)
    at GraphCtrl../module.ts.GraphCtrl.onRender (module.ts:393)
    at o.emit (index.js:150)
    at e.emit (emitter.ts:11)
    at GraphCtrl.t.render (panel_ctrl.ts:245)
    at solo_panel_ctrl.ts:32
    at angular.js:20440
    at i (angular.js:6362)

Server info v3

  • add analyticsReady field
  • make fields wider
    image

P.S. Grafana version is not displayed in 5.3.1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.