You can choose between the following media for Traffic Light Custom Visual for Microsoft Power BI:

Flip Book

Subscribe here to receive exclusive updates and releases: Subscription

Introduction Traffic Light Custom Visual for Power BI

Keep track of your project status and milestones with this visual traffic light solution! This is the major objective of this traffic light visual for Microsoft Power BI. “Traffic Light” is a highly customizable Microsoft Power BI visual for monitoring your KPIs. Multiple settings like horizontal and vertical alignment or a one/two/three light system adapts this visual to your reporting needs.

Traffic Light Extension for QlikSense

This visual is also used for monitoring and indicating thresholds for all types of physical measures, quality indicators and divergences in general. With this, it is applied to a broad number of uses cases, that occur different businesses. The following listing shows a selection of possible uses cases, that had been already implemented:

Project Management: Show Project Status in a Project Management Dashboard

IT: Indicate exceeding of system performance threshold in an IT-Performance-Monitoring Tool

Infrastructure: Show buildings, where a threshold for incidents and repairs is exceeded, which leads to a general evaluation of heavy maintenance


  • Your LeapLytics contact provides you a proper download-link (contact LeapLytics for your download link now)
  • Download the visual via the provided download link, inside the download section of your LeapLytics user account or simply from the official Microsoft AppSource
  • Install the visual: Import the visual by clicking “Get more visuals” or “Import a visual from a file”

There is also a general guide on how to govern Power BI visuals inside your organization.

Get Started

Open Microsoft Power BI and the relevant report or worksheet, where you want to use the “Traffic Light” visual. Open your worksheet in edit mode and you will find the “Traffic Light” visual as well as all your other purchased LeapLytics products within the “Visualizations” section. Click on the visual to place it on your worksheet (You can change the appearance of the visual later via the “Format” pane).

After you have placed one or multiple instances of the visual on your dashboard, the properties panel will appear on the right side. The properties panel is separated into the sections “Fields”, “Format” and “Analytics”.

In the following chapters, you will learn how to use LeapLytics “Traffic Light” visual and how to customize it to your needs by using the properties correctly.


The measure defines the value, that is processed together with the ranges to create the colours of the traffic light. The measure can have a wide range of Power BI formats. You can add a measure like this:

  1. Select a measure from the “Fields” section by clicking on it or dragging it onto the “Measure”-field of the visual
  2. (Optional) By clicking on the dropdown, you can choose the right aggregation for your needs (Sum, Average, etc.).

When using time formats, it must be ensured, that the format is set according to the format of the processed measure.

Format Options

is visual offers you a wide range of customization options. In the following chapter you will learn how to use the formatting options of this visual, to adapt this visual to your needs.

When clicking on the “Format” section of the visual, you will see the following panel.


The “General” section is a pre-defined Power BI section. You can change the x- and y-position as well as the width and height of the visual by typing absolute values in the corresponding fields. Of course, you can also change the position and size of the visual by simply dragging and dropping the visual to the designated position. The values inside the “General” section will automatically be updated.


Within the “License” section you can add your license code to unlock all pro-features of this visual and remove the watermarks. Get in contact with LeapLytics to receive your license code now.

The “Hostname” field shows your server address, which is necessary to run the visual on your server.

With the “Evaluation Mode” button you can switch to evaluation mode, until you received your license code. In evaluation mode, you can use all pro-features, with the restriction that they are displayed blurred


To make your “Traffic Light” visual work properly, you need to define the ranges for displaying the colour. In the “Ranges” section, you can define minimum and maximum values for the corresponding colour*.

When a date or interval measure is selected in the measure-section, you need to define the ranges accordingly to the selected time format within the time format section (see next Chapter).

*Yellow Minimum and Yellow Maximum is deactivated, if “Two-Light System” is selected.

Time Format

The “Time Format” section is an optional section. Within this section, you can select a time or interval format, which is used to calculate the ranges and the output text next to the traffic light symbol. Please make sure, to select the time format accordingly to the range input fields.

Light System

Within the “Light System” section, you can choose between a one-, two- and three-light system.

One-Light System: Green, yellow and red have the same circle.

Two-Lights System: Green and red each have their own circle. Yellow light is not supported.

Three-Lights System: Green, yellow and red each have their own circle.


In the “Alignment” section, you can choose between vertical and horizontal alignment for your traffic light visual. All existing settings are available for both alignments.

Border Settings

Within the “Border Settings” section, you can change the visibility of the outer traffic light border, as well as the inner light shades.

Text Settings

This traffic light visual offers a wide range of text settings. You can turn on and off a text element, which is shown in the same window as the traffic light. When text is visible, you can change the text style, text size, text position and the font family, to your individual needs.

Color Settings

Within the “Color Setting” section, you can change the colour of every part of this visual. Simply click on the dropdown and select a color from the pre-defined theme colors or use rgb- and hex-codes to define the color on your own. 


When clicking on the “About” section, you can find basic information about the author, your current version, as well as a link to this documentation.


For further information, training material or use cases contact us via our contact form, or to latest news and updates to certain products.

For bugs and troubleshooting, you can contact:


Copyright (c) 2021 LeapLytics GmbH.