Grafana GitHub datasource

The GitHub datasource allows GitHub API data to be visually represented in Grafana dashboards.

GitHub API V4 (GraphQL)

This datasource uses the githubv4 package, which is under active development.

Features

Backend

• <input checked="" disabled="" type="checkbox"> Releases
• <input checked="" disabled="" type="checkbox"> Commits
• <input checked="" disabled="" type="checkbox"> Repositories
• <input checked="" disabled="" type="checkbox"> Stargazers
• <input checked="" disabled="" type="checkbox"> Issues
• <input checked="" disabled="" type="checkbox"> Organizations
• <input checked="" disabled="" type="checkbox"> Labels
• <input checked="" disabled="" type="checkbox"> Milestones
• <input checked="" disabled="" type="checkbox"> Response Caching
• <input checked="" disabled="" type="checkbox"> Projects
• <input checked="" disabled="" type="checkbox"> Workflows
• <input disabled="" type="checkbox"> Deploys

Frontend

• <input checked="" disabled="" type="checkbox"> Visualize queries
• <input checked="" disabled="" type="checkbox"> Template variables
• <input checked="" disabled="" type="checkbox"> Annotations

Caching

Caching on this plugin is always enabled.

Configuration

Options:

To create a new Access Token, navigate to Personal Access Tokens and press Generate new token.

Provisioning

It’s possible to configure data sources using config files with Grafana’s provisioning system.

With the prom-operator

promop:
  grafana:
    additionalDataSources:
      - name: GitHub Repo Insights
        type: grafana-github-datasource
        jsonData:
          owner: ''
          repository: ''
        secureJsonData:
          accessToken: '<github api token>'

Annotations

Annotations overlay events on a graph.

With annotations, you can display:

• Commits
• Issues
• Pull Requests
• Releases
• Tags

on a graph.

All annotations require that you select a field to display on the annotation, and a field that represents the time that the event occurred.

Variables

Variables allow you to substitute values in a panel with pre-defined values.

You can reference them inside queries, allowing users to configure parameters such as Query or Repository.

Macros

You can use the following macros in your queries

Access Token Permissions

For all repositories:

• public_repo
• repo:status
• repo_deployment
• read:packages
• read:user
• user:email

For Github projects:

• read:org
• read:project

An extra setting is required for private repositories

• repo (Full control of private repositories)

Sample Dashboard

For documentation on importing dashboards, check out the documentation on grafana.com

The sample dashboard can be obtained from either of two places.

1. From the Grafana dashboards page located here

2. From this repository

If loading it from this repository, open Grafana and click "Import Dashboard".

Copy the JSON in ./src/dashboards/dashboard.json, and paste it into the "Import via panel json" box.

Frequently Asked Questions

• I am using GitHub OAuth on Grafana. Can my users make requests with their individual GitHub accounts instead of a shared access_token?

No. This requires changes in Grafana first. See this issue in the Grafana project.

• Why does it sometimes take up to 5 minutes for my new pull request / new issue / new commit to show up?

We have aggressive caching enabled due to GitHub's rate limiting policies. When selecting a time range like "Last hour", a combination of the queries for each panel and the time range is cached temporarily.

• Why are there two selection options for Pull Requests and Issue times when creating annotations?

There are two times that affect an annotation:

• The time range of the dashboard or panel
• The time that should be used to display the event on the graph

The first selection is used to filter the events that display on the graph. For example, if you select "closed at", only events that were "closed" in your dashboard's time range will be displayed on the graph.

The second selection is used to determine where on the graph the event should be displayed.

Typically these will be the same, however there are some cases where you may want them to be different.