4 minute readApplies to: v4

How to use the Cost Management tile

The Cost Management tiles show the cost of Azure resources, resource groups or subscriptions. Analysing your Azure costs should help you identify big costs early, spot trends, and tie costs to applications.


After clicking on the Cost Management tile there are several Cost Management graph types to choose from:

Cost Management Tile

Cost tile types


Cost Management Scalar Tile

The Cost Management Scalar tile can be scoped to show the total cost of resources or resource groups. You can list resources to be summed, or select all of a particular type, resource group or tag, as described below.

Cost Management Scalar Amount

Line Graph

The Cost Management Line Graph tile shows the cost over time, either as an aggregated single line or individual lines.

Cost Management Line Graph Tile

Cost Management Line Graph


Cost Management Treemap Tile

Cost Management Treemap

Clicking on an item will take you to the drilldown for that item.

Sun Burst

Cost Management Sun Burst Tile

Cost Management Sun Burst

Clicking on a resource in the outer circle will take you to the drilldown for that resource.

Cost tile options


The scope section allows you to define which resources are used to calculate the total cost shown.

For example, if you use the list option to select several individual resources, then the sum of the cost for these items will be shown.

Known issue: Cost accrued for deleted resources is not included.

You might use the type option to show the total cost of all resources with a particular type, for example all virtual machines.

For more information see How to scope tiles

Azure role-based access control (RBAC)

It's worth noting that users will only see in SquaredUp what they are allowed to see in the Azure portal, which is controlled by role-based access control (RBAC) for Azure resources.

If the user does not have access to any of the resources that the Cost tile is scoped to, they will see a zero cost, or when scoped to a subscription: The subscription was not found in the list of available subscriptions.

If they have access to some of the resources they will not see the full cost, but instead see the cost of the subset of resources that they have permission to see.


Removing the aggregate tick for a Cost Line Graph will show a line for each cost rather than one total cost line.

Cost Management Line Graph not aggregated


Known issue: Figures for timeframes over 3 months are inaccurate.

When adding and editing the tile you can choose either use page timeframe or specific timeframe.

For more information see How to use Timeframe option.


You can change the font size of the cost figure shown.

Data range

The Data Range option allows you to choose the range of the y-axis.

fit to data shows the data minimum to data maximum

fit to data (from zero) shows from 0 to the data maximum

custom allows you to specify the min and max

custom fit - allows you to specify the min and max limits, so that data outside your settings will not be shown. If all the data falls within your specified ranges then the y-axis range will fit to the data rather than your caps.


The height slider allows you stretch or shrink the Line Graph or Sun Burst height.


The color section allows you to choose how the Treemap and Sun Burst graphs are displayed. For example, if you select resource group then each resource group's resources will be shown in a different shade.


show legend allows you to display a key to the coloured graph lines. When this is selected you can change from the automatic label to specify your own label format. The default label shows the name metric and unit.

The Treemap graph also includes a sublabel option.

Custom labelling

Using the custom option you can create your own advanced label to specify exactly how you want the results to be displayed (using both static text and dynamic properties) to ensure that the results always make sense.

Custom labels use Mustache syntax to insert properties. If you're familiar with mustache, you can specify advanced labels that can transform properties prior to displaying them (such as showing only a portion of text, converting a number or reformatting a date), such as using the javascript split method to separate properties into substrings to make the result more readable.

For more information see How to use custom labelling

How to scope tiles

How to use custom labelling

Squared Up Ltd. (c) 2020Report an issue with this article