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.

   How to check or change the color matching setting

   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.

   How to ensure labels match across different graphs

   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.

   How to switch on multiple colors for Sparklines and Bar Graphs (called Bar Top N in Performance tiles)

   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.