Skip to main content

Calendar Panel 1.3.0

· Updated on March 13, 2023
Mikhail Volkov

A new version of the Calendar panel 1.3.0 was released today. This feature release

  • Added option to display colors based on Event or Frame id if the Color field is not specified.
  • Added support for Color schemes.
  • Added labels split to display in the drawer.
  • Added Annotation tags as labels.
  • Updated multi-day intervals to auto-align events weekly.
Grafana Catalog

The plugin was updated in Grafana Catalog on March 13, 2023.

Configuration

Our latest video tutorial explains how to configure the Calendar plugin in Grafana. We keep our events in the PostgreSQL database, but you can use any storage!

How to display events from PostgreSQL.

Events Duration

Events can be instantaneous, has duration, multi-day and ongoing.

  • If the event has only the Start time field configured, events are considered instantaneous.
  • If the event has Start and End time fields configured, events are considered to have a duration.
  • Any events that have an End time field configured and equal NULL are considered ongoing.
Schema explains how events will look like depends on the end time field.
Schema explains how events will look like depends on the end time field.

Multi-day events

We improved aligning of multi-day events. In the latest version events are aligned weekly, which helps avoid gaps in-between for events longer than a week.

The oldest events are always on the top.

Release Management dashboard using the Calendar panel for Grafana.
Release Management dashboard using the Calendar panel for Grafana.

Event colors

We improved color options for the events. If the color field is not specific events can be colored based on the Frame or Events id.

You can also choose a Color scheme in the Standard options.

Releases colored based on event id using the Classic palette.
Releases colored based on event id using the Classic palette.

Event details

Events details were improved to split comma-separated values in the labels field. The description values support HTML elements for formatting.

Event details with HTML-formatted description and labels.
Event details with HTML-formatted description and labels.

Annotation tags will be displayed as labels as well.

Getting Started

The calendar panel can be installed from the Grafana Catalog or utilizing the Grafana command line tool.

For the latter, use the following command.

grafana-cli plugins install marcusolsson-calendar-panel

YouTube Tutorial

The Calendar visualization panel is a Grafana plugin created to display calendar events from data sources.

Display events from JSON API data source.

Release Notes

Features / Enhancements

  • Rebuild using Grafana 9.4.3 (#87)
  • Add labels split to display in the drawer (#88)
  • Add annotation tags as labels (#88)
  • Refactor multi-day interval (#89)
  • Add display colors based on Event or Frame id if the Color field is not specified (#90)
  • Add support for Color schemes (#91)
  • Add video configuration tutorial (#92)

Bug fixes

  • Fix scrollable content in the Day drawer (#93)

Feedback

We love to hear from you. There are various ways to get in touch with us.

  • Ask a question, request a new feature, and file a bug with GitHub issues.
  • Subscribe to our YouTube Channel and add a comment.
  • Sponsor our open-source plugins for Grafana with GitHub Sponsor.
  • Star the repository to show your support.