Giter Club home page Giter Club logo

grafana-progress-list's Introduction

Progress List Panel

Screenshot 2021-02-16 at 18 24 36

About

A panel showing list of progress-like items in one board.

How To Use

  1. Create a metric query with Table data format
  2. Go to "Options" tab and select which column to use as bars title and which columns to skip
  3. Customize Progress List appearance by using other options

For more information, visit the wiki

Progress list can be thought of as many simple Singlestat Panels. But items are generated from the query, rather than defined manually.

Demo

Explore demo

Display options

  • Columns type selection (Key column, Skip Column)
  • Tooltip selection (all series/single)
  • Value labeling (Prefix, Postfix, Size, Decimals, Null Value)
  • Selection by type (absolute/percentage)
  • Sorting
  • Limitation
  • Key labels (Line type (line/inline), size, Alias)
  • Coloring (Opacity, pallet, thresholds, key determination)

About development of the plugin.

Installation

Linux

  • Navigate to either:

    • <GRAFANA_PATH>/data/plugins (when Grafana is installed from tarball or source)
    • or /var/lib/grafana/plugins (when Grafana is installed from .deb/.rpm package)
  • Download Progress List Panel

wget https://github.com/CorpGlory/grafana-progress-list/archive/v1.0.9.tar.gz
  • Unpack downloaded files
tar -zxvf v1.0.9.tar.gz
  • Restart grafana-server
    • For Grafana installed via Standalone Linux Binaries:
      • Stop any running instances of grafana-server
      • Start grafana-server by: $GRAFANA_PATH/bin/grafana-server
    • For grafana installed via Package Manager:
      • type in systemctl restart grafana-server

Grafana in Docker

You can install Progress List Panel to Grafana in Docker passing it as environment variable (as described in Grafana docs)

docker run \
  -p 3000:3000 \
  -e "GF_INSTALL_PLUGINS=https://github.com/CorpGlory/grafana-progress-list/archive/v1.0.9.zip;corpglory-progresslist-panel" \
  grafana/grafana

See Also

About CorpGlory Inc.

The plugin is developed by CorpGlory Inc., a company which provides software development, data visualization, Grafana and monitoring consulting services.

grafana-progress-list's People

Contributors

amper43 avatar corpglory-dev avatar dependabot[bot] avatar jonyrock avatar mattchaley avatar rozetko 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

grafana-progress-list's Issues

Key coloring

If I have only few keys, than I can easely map it as in graph panel so it might look more consistent

Bad input plugin crash in Grafana 6+

Steps to reproduce:

  • create dashboard
  • add progress-list panel
  • add query with wrong output format

Expected behaviour:

  • exclamation mark with error message (as in Grafana 5)

Actual behaviour:

  • dashboard crashes

image

Add roadmap

I want to say about "status" list idea where I list would consist of not only "progress" type

Docs: manual

Something like

you need pair of values: (key, value) where you aggregare by key field my value by stat function, where stat= current|min|max|total.

Then you need to choose to progress type: "max value or shared value".

Max value example: Phones Battery charge

suppose you have dataset:

time, deviceName, batteryCharge
12231, iPhone 6s, 23.12
12232, iPhone 6s, 22.54
12234, Nexus 5, 12.32
12236, Nexus 5, 11.32
12250, iPhone 6s, 21.01

Here you can make pairs (deviceName, batteryCharge) and show current battery charge, selecting max value equals to 100.

TODO:

  • nice table for dataset and link to real csv
  • add screendshots: query editor, options and render results
  • shared value case (Votes & Rating)

Tooltip

A basic tooltip showing details when hover progress item

Sorting by keys

Sometimes I want to see all items in the same order. So I want to define order by keys.

Progress type

Item might be in a different progress state.

  • Progress of launching
  • Progress of running

Max value limit

The case #13
I can't show 100% cuz not always you have 100%
I need 2 cases:

  1. max value to auto which would work as it works now.
  2. max value to <number> - setting top limit

Don't forget to add tooltip to the input field

Grafana 7 default datasource error

vendors~app.a5e3069b9cdae1fad746.js:sourcemap:2 Error: Expecting timeseries in format (key, value). You can use keys only in total mode
    at Mapper._mapNumeric (mapper.ts:370)
    at Mapper.mapMetricData (mapper.ts:299)
    at Ctrl._onRender (module.ts:108)
    at s.emit (vendors~app.a5e3069b9cdae1fad746.js:sourcemap:2)
    at e.value (app.a5e3069b9cdae1fad746.js:sourcemap:2)
    at Ctrl.value (app.a5e3069b9cdae1fad746.js:sourcemap:2)
    at Ctrl._onDataReceived (module.ts:145)
    at s.emit (vendors~app.a5e3069b9cdae1fad746.js:sourcemap:2)
    at e.value (app.a5e3069b9cdae1fad746.js:sourcemap:2)
    at app.a5e3069b9cdae1fad746.js:sourcemap:2

grafana v7.2.0 (efe4941ee3)

Works with Mysql or ES Datasource?

Hi,
I am trying to display records from Elasticsearch as Data source, this is with a timestamp.
however i do not see the options in the metrics tab as specified by you in the readme.
Any help would be highly appreciated.
Also with my MYSQL database i am trying to query some records with no timestamp, just wanted to know whether that works or not?

Autocoloring

I can use standard Grafana's palette to colour keys.

See screenshot of Grafana Graph Panel

screen shot 2017-10-15 at 21 35 32

Docs: goals of plugin

An paragraph why this plugin is better than single stat. And more about hot it works

Integration with tooltip

Would be nice to have option to show "current" state when move tooltip.

There is a problem that in case #16 all data could not be cached

too big datasets limits

You occasionally can get a response with hundreds and hundreds of keys, like in screenshot:
image

so we can limit the size of keys and show a warning that we don't show all bars

Thresholds recovery

Thresholds just dont' work. We take colors only from MulpibarProfgress which doesn't have this logic at all. In other words, we dont use ProgressList with that code.

Custom query constructor

It's not cool that I need to get all data and then aggregate it. Also I throw exceptions when there is more than one query and a lot of constrains I add to standart metric query builder. I want my small query builder.

Database as data source

I'm trying to write a query to provide the output for this plugin, how should the query like?

Live demo

Make a dashboard with data and make it available in a Grafana instance

Mapping type values

There is a Mapping Type option which has Datapoint to datapoint / Target to datapoint values. These values are confusing. We should give them better names.

image

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.