LogoDark mode logo
LogoDark mode logo
Contact SupportLoading Light/Dark Toggle

  • How to integrate and visualize your external data
  • How to create a dashboard
  • Recycle Bin
  • Working with perspectives
  • Action buttons for dashboards and perspectives
  • VADA perspective
  • How to scope tiles
  • Timeframes for tiles
  • Grid Designer
  • Performance Metric Labels
  • How to use wildcards in metrics
  • How to show multiple metrics on one graph (v4.2 and below)
  • How to use Custom Labels
  • How to use criteria when scoping alerts
  • How to use criteria when scoping objects
  • How to run SCOM tasks
  • How to enable graph color matching
  • Sharing Dashboards with anyone - Open Access

dashboardinghow to enable graph color matching

How to enable graph color matching

What is graph color matching?

Graph color matching means that one item (a specific resource, object, site, anything you are displaying in your graphs) is shown in the same color in different graphs on one dashboard or one perspective.

Line Graphs, Sparklines, Bar Graphs and Reports (available in Performance tiles) support graph color matching.

Color matching only works when the item uses the exact same label in all graphs.

If you turn color matching on, one item (a specific resource, object, site, anything you are displaying in your graphs) is shown in the same color in different graphs on one dashboard or one perspective. You can use either color matching or custom colors (colors based on values), they cannot both be used at the same time.

How to enable graph color matching

  1. Graph color matching must be enabled for the dashboard or the perspective. The default setting for all dashboards and perspectives is color matching enabled.

    The default setting for graph color matching is on. Here's how you can check or change this setting:

    1. On a dashboard or perspective click the edit button
    2. Click the settings button.
    3. The match by label button is under Graph colors.
      If you want to disable color matching, toggle the match by label button to OFF.
      If you want to enable color matching, toggle the match by label button to ON.

  2. The label for the item must be the same in all graphs that you want to display the same color.

    1. In the label panel of your graph, set the label to custom label.
    2. If you are using a mustache property, make sure that you use the same property in all graphs you want to color match.
      If you are using a manipulated mustache label (for example, custom text between labels like Name: {{properties.name}} ), make sure to use the exact same label in all graphs you want to color match.
      If you are using custom text, make sure to use the exact same custom text including upper and lower cases.
    3. For resources that show the same label the colors will now match:

  3. For Sparklines and Bar Graphs (called Bar Top N in Performance tiles), you need to switch on multiple colors to enable color matching. Multiple colors is switched off by default, you need to switch it on for each Sparkline and Bar Graph.

    1. Go to the color panel of the Sparkline or Bar Graph.
    2. Toggle multiple colors to on.
      The Sparkline or Bar Graph will now color match, as long as the dashboard setting match by label is on and the labels do match.

How to enable or disable color matching for a dashboard or a perspective

The default setting for graph color matching is on. Here's how you can check or change this setting:

  1. On a dashboard or perspective click the edit button
  2. Click the settings button.
  3. The match by label button is under Graph colors.
    If you want to disable color matching, toggle the match by label button to OFF.
    If you want to enable color matching, toggle the match by label button to ON.

How to edit labels to ensure color matching

To ensure color matching works correctly, make sure that the labels for the data on different graphs match. By default (with the auto label setting) they usually don't match, and you'll need to set a custom label in the label section for some of the graphs.

How to use Custom Labels

  1. In the label panel of your graph, set the label to custom label.
  2. If you are using a mustache property, make sure that you use the same property in all graphs you want to color match.
    If you are using a manipulated mustache label (for example, custom text between labels like Name: {{properties.name}} ), make sure to use the exact same label in all graphs you want to color match.
    If you are using custom text, make sure to use the exact same custom text including upper and lower cases.
  3. For resources that show the same label the colors will now match:

How to enable color matching for bar graphs

For Bar Graphs multiple colors is switched off by default, and can be switched on in the color section.

  1. Go to the color panel of the Sparkline or Bar Graph.
  2. Toggle multiple colors to on.
    The Sparkline or Bar Graph will now color match, as long as the dashboard setting match by label is on and the labels do match.

Was this article helpful?


Have more questions or facing an issue?
Submit a ticket

On this page

  • What is graph color matching?
  • How to enable graph color matching
  • How to enable or disable color matching for a dashboard or a perspective
  • How to edit labels to ensure color matching
  • How to enable color matching for bar graphs

Footer

Sites

  • SQUAREDUP
  • SQUAREDUP DS
  • DOWNLOAD
  • COMMUNITY ANSWERS

Quick Links

  • SUBMIT A REQUEST
  • EVENTS
  • CAREERS

Small Print

  • PRIVACY POLICY
  • TERMS AND CONDITIONS
Youtubex (Twitter)LinkedIn

© SquaredUp 2025