grafana / grafana

The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

The open-source platform for monitoring and observability

Grafana allows you to query, visualize, alert on and understand your metrics no matter where they are stored. Create, explore, and share dashboards with your team and foster a data-driven culture:

• Visualizations: Fast and flexible client side graphs with a multitude of options. Panel plugins offer many different ways to visualize metrics and logs.
• Dynamic Dashboards: Create dynamic & reusable dashboards with template variables that appear as dropdowns at the top of the dashboard.
• Explore Metrics: Explore your data through ad-hoc queries and dynamic drilldown. Split view and compare different time ranges, queries and data sources side by side.
• Explore Logs: Experience the magic of switching from metrics to logs with preserved label filters. Quickly search through all your logs or streaming them live.
• Alerting: Visually define alert rules for your most important metrics. Grafana will continuously evaluate and send notifications to systems like Slack, PagerDuty, VictorOps, OpsGenie.
• Mixed Data Sources: Mix different data sources in the same graph! You can specify a data source on a per-query basis. This works for even custom datasources.

Get started

• Get Grafana
• Installation guides

Unsure if Grafana is for you? Watch Grafana in action on play.grafana.org!

Documentation

The Grafana documentation is available at grafana.com/docs.

Contributing

If you're interested in contributing to the Grafana project:

• Start by reading the Contributing guide.
• Learn how to set up your local environment, in our Developer guide.
• Explore our beginner-friendly issues.
• Look through our style guide and Storybook.

Get involved

• Follow @grafana on Twitter.
• Read and subscribe to the Grafana blog.
• If you have a specific question, check out our discussion forums.
• For general discussions, join us on the official Slack team.

This project is tested with BrowserStack

License

Grafana is distributed under AGPL-3.0-only. For Apache-2.0 exceptions, see LICENSING.md.

grafana's Issues

Graphite HTTP Request Error

After setting up my apache headers

<VirtualHost *:80>
        ServerName graphite.domain.com
        DocumentRoot "/opt/graphite/webapp"
        ErrorLog /opt/graphite/storage/log/webapp/error.log
        CustomLog /opt/graphite/storage/log/webapp/access.log common

        Header set Access-Control-Allow-Origin "http://grafana.domain.com"
        Header set Access-Control-Allow-Methods "GET, OPTIONS"
        Header set Access-Control-Allow-Headers "origin, authorization, accept"
        Header set Access-Control-Allow-Credentials true
        <Location "/">
                SetHandler python-program
                PythonPath "['/opt/graphite/webapp'] + sys.path"
                PythonHandler django.core.handlers.modpython
                SetEnv DJANGO_SETTINGS_MODULE graphite.settings
                PythonDebug Off
                PythonAutoReload Off

        AuthType Basic
        AuthName "Restricted Files"
        AuthBasicProvider file
            AuthUserFile /opt/graphite/sec/.mypasswds
        Require user admin
        </Location>
        <Location "/content/">
                SetHandler None
        </Location>

        <Location "/media/">
                SetHandler None
        </Location>
        Alias /media/ "/usr/share/pyshared/django/contrib/admin/media"
</VirtualHost>

I still get Graphite HTTP Request Error on grafane interface, I have basic auth so I am configuring grafana as

graphiteUrl: "http://admin:[email protected]",

Running 1.0.3

Add dashboard playlist

It would be great if there was a list of dashboards you could choose in a playlist and have grafana cycle through them at set intervals.

Duplicate panel with 3 x colspan 3 panels will add not add to empty row

It's impossible to edit a graph without a name

This happens when:

• you create a new graph but forget to name it
• you remove the name while editing the graph

It actually becomes impossible to do almost anything with a graph that lacks a name. The only thing you can actually do unless you're in edit mode already is to remove it.

Support for secondYAxis in targets

I can see you have an option under "Axis Labels" to label the second axis but when I try to add a target w/ secondYAxis() it fails. I don't see secondYAxis under the options so I am guessing this isnt supported. Are there any plans to support secondYAxis ?

Add all Graphite functions to function definition list

Graphite HTTP Request Error

Hello everyone,

I just installed a Graphite server (running 0.9.10) and Grafana (master) on another server. Here is the stacktrace:

Traceback (most recent call last):
File "/usr/lib/python2.7/dist-packages/django/core/handlers/base.py", line 111, in get_response
response = callback(request, _callback_args, *_callback_kwargs)
File "/opt/graphite/webapp/graphite/render/views.py", line 126, in renderView
timestamps = range(series.start, series.end, series.step)
TypeError: range() integer end argument expected, got float.

Integrate back in Kibana

Hi!

Maybe this is a non-sense, but couldn't Grafana keep the possibility to handle what Kibana was able to handle? This would allow to mix Grafana widgets with Kibana widgets on the same dashboard.

Graphs using all entries in a template

I've been experimenting with the templating function and have noticed a problem. I've entered a template of the form "collectd.prod.{host1,host2,host3,host4}" and selected "Include All." My target looks like this:

groupByNode(collectd.prod.[[hosts]].aggregation-cpu-average.cpu-{user,system},2,'sum')

If I select an individual host on the dashboard screen the graph displays correctly. However, if I select All the graph takes ages to load and when it finally does it looks like every host is selected instead of only the four hosts in the template. I'm seeing the same behavior no matter what the target.

Am I using this feature correctly or is this a bug?

Thanks,

Bill

Please open PR adding this to graphite community tools

Because this is one of the nicest dashboards I've seen and I'm a graphite maintainer. Please do it kthxbye!

Graphite URL with Basic Auth aint working

This type of URL doesn't seem to work for graphiteUrl: http://user:[email protected]
Is this supported or is there another canonical way to specify Basic Auth information.

Unable to save to Elasticsearch

I'm testing Grafana with a free Bonsai Elasticsearch instance at Heroku. I manually created the index (unsure if this was necessary):

$ curl -X POST http://user:[email protected]/grafana-dash
{"ok":true,"acknowledged":true}

Then I try to save a dashboard and I keep getting OPTIONS 404 Not Found errors. Am I overlooking something obvious? I don't see any documentation around needing OPTIONS for Elasticsearch anywhere, so it seems to me like this might be related to CORS.

Request URL:http://host.us-east-1.bonsai.io/grafana-dash/dashboard/New%20Dashboard
Request Method:OPTIONS
Status Code:404 Not Found

Cyanite+Grafana = Just a great mix

Hello Torkel,

lately I have been using Cassandra to store and display time series, and now I am looking into using https://github.com/pyr/cyanite

I think that integrating Cyanite+Grafana would be a great idea.
What do you think?

Best regards,
Sebas

Saved dashboard search does not apear to work

I am unable to find saved dashboards. I saved mine as "OA" and when I click load it says none found. I see no errors in the browsers console log

Add redis for metric caching for large dashboards

Since I've started to use grafana, I have been so impressed with the work that has been put into this. It is by far the best graphite dashboard out there and I have tried a couple (some I couldn't even get to work...especially the ones written in Ruby ;)). Given that I also use kibana for logstash, grafana is my first choice.

One thing that is a downside right now, is that for large dashboards it takes quite while to load them up because all metrics are fetched from graphite again.
Would it be possible to cache them in redis in a similar fashion that descartes (https://github.com/obfuscurity/descartes) does this?

Implement highestCurrent()

  addFuncDef({
    name: 'highestCurrent',
    category: categories.Filter,
    params: [ { name: "count", type: "int" } ],
    defaultParams: [5]
  });

Create new dashboard

There should be a button to create a new blank dashboard. Right now I have to open an existing one, clear anything existing, and then start creating. It would be nice if I could start clean with a single click

Create a user guide

Need to create a short user guide (github wiki) that explains how to use Grafana

• Editor / panel options
• Keyboard shortcuts
• Templating (ie filters)

Handle timezone correction for absolute time ranges when browser and graphite use different zones

Extension of the closed issue #13.

When using absolute time ranges send the ranges translated to the timezone the graphite server is configured to. This should be handled by the graphite &tz parameter but cannot get it to work with json format.

Support for cactiStyle

Is is supported / planned ?

http://graphite.readthedocs.org/en/0.9.12/functions.html#graphite.render.functions.cactiStyle

Edit : I know it can be added by hand. I ment into the "style" tab.

Implement sortByName()

http://graphite.readthedocs.org/en/latest/functions.html?highlight=functions#graphite.render.functions.sortByName

diff --git i/src/app/services/graphite/gfunc.js w/src/app/services/graphite/gfunc.js
index ec26a38..5241d83 100644
--- i/src/app/services/graphite/gfunc.js
+++ w/src/app/services/graphite/gfunc.js
@@ -102,6 +102,11 @@ function (_) {
   });

   addFuncDef({
+    name: 'sortByName',
+    category: categories.Special
+  });
+
+  addFuncDef({
     name: 'aliasByMetric',
     category: categories.Special,
   });

metric with number raises an error

I have metric like 'server.10_10_10_1.cpu-1.cpu_idle' and lexer.js is unable to parse IP address as a valid metric - graph works, but parser to 'easy metric editor' doesn't and shows metric as text only.

tried to change src/app/services/graphite/lexer.js to

   for (var i = 0; i < 128; i++) {
     identifierStartTable[i] =
      i >= 48 && i <= 57 || // 0-9
       i === 36 ||           // $
       i >= 65 && i <= 90 || // A-Z
       i === 95 ||           // _

it works in this particular case but has troubles anywhere else. So I'm investigating further.

"Oops! Graphite HTTP Request Error"

Hi there.

I'm facing this error after configured both ES and Graphite urls in my config.js.

In fact, I've both sites on screen right now without any issues, but it seems like grafana cannot see Graphite.

Any suggestions?
Thanks!

constantLine() function doesn't work

When I try to add target constantLine(100) I get the error:

Oops! Graphite HTTP Request Error

Complete Graphite Dashboard import

The import feature is not really completed. Just a prof of concept at this stage.

Implementing a tabulation feature.

I have tried the Grafana, I must admit it was easy and straight forward to use. I would like to know how would we implement a simple tabulation feature, where we could show trend of last n values (Currently, we are using jquery sparklines). Ideally through flip of button such as json toggle.

JSON toggle:

Error loading metric keys into ES

I am having issues trying to load metrics into es:

Console errors:

[09:56:30.634] GET http://graphNode/metrics/find/?query=carbon.relays.graphNode-a.destinations.127_0_0_1:2204:b.* [HTTP/1.1 200 OK 10ms]

[09:56:30.591] "Error: Index and Type must be set
ejs.Document/<.doIndex@http://graphNode/dashboard2/vendor/elasticjs/elastic.js:9024
saveMetricKey@http://graphNode/dashboard2/app/controllers/metricKeys.js:161
receiveMetric/funcs<@http://graphNode/dashboard2/app/controllers/metricKeys.js:142
_.collect@http://graphNode/dashboard2/vendor/underscore.js:98
receiveMetric@http://graphNode/dashboard2/app/controllers/metricKeys.js:137
qFactory/defer/deferred.promise.then/wrappedCallback@http://graphNode/dashboard2/vendor/angular/angular.js:7509
qFactory/defer/deferred.promise.then/wrappedCallback@http://graphNode/dashboard2/vendor/angular/angular.js:7509
qFactory/ref/<.then/<@http://graphNode/dashboard2/vendor/angular/angular.js:7582
Scope.prototype.$eval@http://graphNode/dashboard2/vendor/angular/angular.js:8943
Scope.prototype.$digest@http://graphNode/dashboard2/vendor/angular/angular.js:8804
Scope.prototype.$apply@http://graphNode/dashboard2/vendor/angular/angular.js:9029
done@http://graphNode/dashboard2/vendor/angular/angular.js:10282
completeRequest@http://graphNode/dashboard2/vendor/angular/angular.js:10466
createHttpBackend/</xhr.onreadystatechange@http://graphNode/dashboard2/vendor/angular/angular.js:10424
"

Do you know if this functionality is currently working?

Support graph annotations from events stored in ElasticSearch

The features are there in the graphite panel (inherited from Kibana). Just need to add a way to define a query to elastic.

Multiple graphite instances

Is there anyway to specify a explicit graphite url per graph ?

If I have 2 separate graphite instances (say one per datacenter), it would be awesome to be able to have a single dashboard with graph's from all (rather than having to run 2 instances of grafana as well).

Add support for graphite native png renderer

Some dashboards take a LOOOOOOOOONNNNNNG time with flot, even when using D3 in place of flot they can be slow due to many data points. It would be nice to not kill the browser and have an option to use graphite's renderserver png graphs in this instance as well.

Make maxDataPoints configurable

Add override option for maxDataPoints, also added help section that describes how maxDataPoint and graphites point consolidation work.

Auto scaling Y (Min / Max) does not work

We are trying to get graphics from collectd's varnish plugin but we would like to have the diferences instead of total as shown in the collectd-varnish documentation: https://collectd.org/wiki/index.php/Plugin:Varnish

This is what I have now:

Is there a way to achieve this?

Add support for Multiple metrics "{metric1,metric2}"

Add the ability so the targets can have multiple metrics "{metric1,metric2}" :

auto-dashboards

Hi. Grafana rocks! Can you add auto dashboard based on each field in filter? Example:

def addrow()
  somefunc_adding_row
end
filter = someArray
filter.each do |servername| 
  addrow(servername)
end

I can write some cronjob for updating dashboard in elasticsearch, but it is not clean.
Thanks!

Vagrantfile

It would be nice if there was a Vagrantfile which would setup a webserver running grafana with elasticsearch!
It's probably doable only with a shell provisioner

Export Data in JSON for the graphical data in a given time frame

It would add value to enable to import data in JSON as an option to import data in JSON. translates to Lightbox/iframe where we could either download the json file or tabulate/pretty view the json information for graph.

Incorrect graph offset with nonNegativeDerivative

Hi,

I have an incorrect rendering of one of my slow increasing graphite counter, on grafana 1.0.4:

Comparing this graphite graph and grafana:

and the same in grafana:

you'll notice that the graph is really not the same, especially the grafana version never goes to '0'.

All the values returned by the graphite renderer over this time period are either 0 or 1.0. In no case the minimum graph value can be 1 as shown in grafana.
Also, it seems that grafana draws some nulls where there should have been some values. Inspection of the graphite data doesn't show any missed metrics at first glance.

Many thanks!

add grunt-cli as a dep

annoying to go search around and find out that grunt doesn't even have an executable and you have to use grunt-cli, it would be nice to just install it locally in package.json

Create a default dashboard with welcome text and a randomWalk graph

Create a default dashboard with welcome text, a randomWalk graph and some getting started help.

Implementing drawAsInfinite function

Hi,

It seems that the drawAsInfinite function does not work with graphana.

Did you plan to support this awesome feature alowing to display significative events on graphs?

regards
j

Fix resize issue

Graphs do not redraw / handle window resize correctly

Not clear how to save and exit a graph

It is not clear to me how you want us to exit out of editing a graph. All of the settings when editing are on the bottom, but the only way I can tell how to save my work and exit is the press save at the top. IMHO this is sort of confusing. Also if I do save it would be nice if I went back to the dashboard I just saved rather then having to refresh the page w/ cmd-r

grafana goes crazy when timezone changes

When graphene queries graphite, it uses absolute time. If your dashboard is PST and you are in EST, the "until now" modifier will show no data until you set the threshold higher than 3 hours.

If you want to see the last 2h, graphite uses "T-2h" and shows you a shifted time, but grafana uses the absolute time and shows you no data.

Grafana could behave as graphite, at least showing data. But it would be great if it could translate graphite data to your timezone.

500 INTERNAL SERVER ERROR

I am using graphite 0.9.10 and I got 500 error code when I use grafana

Here is the request

POST /render/ HTTP/1.1
Host: 172.16.82.136
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:26.0) Gecko/20100101 Firefox/26.0
Accept: application/json, text/plain, */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Referer: http://localhost/grafana/src/
Content-Length: 155
Origin: http://localhost
DNT: 1
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

from=-6h&until=now&target=randomWalk('random%20walk')&target=randomWalk('random%20walk2')&target=randomWalk('random%20walk3')&maxDataPoints=600&format=json

And here is the Traceback from Django:

Environment:


Request Method: POST
Request URL: http://172.16.82.136/render/

Django Version: 1.3.1
Python Version: 2.7.3
Installed Applications:
['graphite.metrics',
 'graphite.render',
 'graphite.cli',
 'graphite.browser',
 'graphite.composer',
 'graphite.account',
 'graphite.dashboard',
 'graphite.whitelist',
 'graphite.events',
 'django.contrib.auth',
 'django.contrib.sessions',
 'django.contrib.admin',
 'django.contrib.contenttypes',
 'tagging']
Installed Middleware:
('django.middleware.common.CommonMiddleware',
 'django.middleware.gzip.GZipMiddleware',
 'django.contrib.sessions.middleware.SessionMiddleware',
 'django.contrib.auth.middleware.AuthenticationMiddleware')


Traceback:
File "/usr/lib/python2.7/dist-packages/django/core/handlers/base.py" in get_response
  111.                         response = callback(request, *callback_args, **callback_kwargs)
File "/opt/graphite/webapp/graphite/render/views.py" in renderView
  126.         timestamps = range(series.start, series.end, series.step)

Exception Type: TypeError at /render/
Exception Value: range() integer end argument expected, got float.

Add Y-axis format for milliseconds

Should format milliseconds as 10ms, 100ms, 500ms, 1s, 5s, 10s etc. Makes it more easy to understand 10s than 10000.

What should the config look like without elasticsearch?

If I comment the ES configuration from config.js, I still get a red error bar saying:

Error Could not contact Elasticsearch at http://:9200. Please ensure that Elasticsearch is reachable from your system.

How do I add a graph

It is not clear to me at all how one is expected to add a graph

Can you provide instructions, maybe in getting started or something ?

aliasYAxis – Setting axis right not working with dynamic alias names

Hello,

I have just noticed and issue when setting the axis to the right of a target that is using the Graphite legendValue() function.
I think the issue must come from the fact that the target alias name is dynamic, so each time the target alias name changes it does not find the stored setting in the panel config (aliasYAxis).

As a workaround I have removed the legendValue() function and it work as expected.

          {
              "target": "legendValue(alias(timeShift(Performance.node.CustomPoller.fw_activesessions,\"1d\"),\"Active Sessions -1D\"),\"max\",\"avg\",\"si\")"
          },
..
..
..
          "aliasYAxis": {
            "Active Sessions -1D max  140.51K   avg  127.61K   ": 2,
            "Active Sessions     max  200.20K   avg  130.92K   ": 2,
            "Active Sessions     max  187.12K   avg  129.21K   ": 2,
            "Active Sessions -1D max  152.63K   avg  127.35K   ": 2,
            "Active Sessions -1D max  148.54K   avg  129.10K   ": 2,
            "Active Sessions     max  162.33K   avg  128.89K   ": 2
          },

Best regards,
Sebas

Graphite HTTP Request Error - POST /render/ HTTP/1.1" 500 11377

Hello,

I have just updated to the last master version and it seem that Grafana has changed the time format "from" and its causing some rendering issues in Graphite:

Current: (Not working)
Request Body: from=07%3A58_20140124&until=now&target=randomWalk('random%20walk')&target=randomWalk('random%20walk2')&target=randomWalk('random%20walk3')&maxDataPoints=600&format=json
Returns:  POST /render/ HTTP/1.1" 500 11377


Before:
Request Body: from=-1h&until=now&target=randomWalk('random%20walk')&target=randomWalk('random%20walk2')&target=randomWalk('random%20walk3')&maxDataPoints=600&format=json
Returns -> "POST /render/ HTTP/1.1" 200 2419

Best regards and thanks for the awesome work!

Integrate / link function help to graphite functions docs