Range Chart in SSRS

In this article, we will show you how to create a Range Chart in SSRS, How to change the Chart Title, Legend Title, Legend Position, Font style, and chart type to smooth Range Chart in SSRS or SQL Reporting Services with an example.

For this SSRS range chart example, we are going to write the Custom Query against the SQL Server Data Source, and the query that we are going to use for this SSRS report is:

-- Query that we use in Range Chart
SELECT Cat.[EnglishProductCategoryName] AS ProductCategory, 
       SubCat.[EnglishProductSubcategoryName] AS ProductSubCategory, 
       Prod.EnglishProductName AS ProductName, 
       Prod.Color, 
       Fact.OrderQuantity, 
       Fact.TotalProductCost, 
       Fact.SalesAmount, 
       Fact.TaxAmt, 
       Fact.[Freight]
FROM FactInternetSales AS Fact
   INNER JOIN DimProduct AS Prod
      ON Fact.ProductKey = Prod.ProductKey
   INNER JOIN DimProductSubcategory AS SubCat
      ON Prod.ProductSubcategoryKey = SubCat.ProductSubcategoryKey 
   INNER JOIN DimProductCategory AS Cat 
      ON SubCat.ProductCategoryKey = Cat.ProductCategoryKey

and the SQL Data that it’s going to return is:

Source Data for this Chart

Create a Range Chart in SSRS

In this example, we are going to create a Range Chart to display the Sales Amount, Total Product Cost against the Product Names (or Color). The below screenshot will show you the Data Source, and Dataset that we used for this Range Chart Report.

Shared DataSet

In the SSRS report design, we can add a Range Chart by dragging the Chart property from the SSRS Toolbox to Design space. Or right-click on the report designer to open the context menu. From it, please select the Insert -> Chart option.

Insert Range Chart

Once you select the Chart option, a new window called Select Chart Type will be opened to select the required chart from the available once. For this SSRS example, we are selecting a Range Chart.

Select Range Chart Type

Once you click on the Ok button, Range Chart will display in the design region with dummy data.

Range Chart with dummy data series

Click on the empty space around the SSRS Range Chart will open the Chart Data window

  • Values: Any Numeric (Metric) value such as Total Sales, Sale amount, Number of Customers, Tax etc. All these values will be aggregated using an aggregate function (Sum, Avg, Count etc). It is because we are grouping them with the category group items.
  • Category Group: Please specify the Column name on which you want to partition you the Bubble Chart.
Add Range Chart Data

Drag and drop the Sales Metric column from data set to chart data values, and Product Name Dimension to category group.

Add Columns to Category Group and Values

Click on the SSRS Range Chart Preview tab to see the range report preview.

Range Chart Preview

If you observe the above screenshot, It is the same chart that we generated in the Area Chart. It’s because the range chart means (High Value to Low Value), and here the high value is the Sum of Sales Amount, and the Low Value is zero by default.

Let me change the Low value from default to Sum of Total Product Cost.

Range Chart 7

Now you can see that the SSRS Range chart is displaying the Range of difference between the Total Product Cost, and the Sales Amount

Range Chart High and Low

Format Range Chart in SSRS

The following list of examples will show you the steps involved in formatting the Range Chart in SQL Reporting Services

Change Axis properties of a Range Chart in SSRS

Right-click on the Axis of a Range Chart, and select the Horizontal Axis Properties.. option from the context menu to format the Axis values.

Format Range Chart

Here we changed the Font style to Century Gothic, Font Style to Bold, Color to Dark Blue, and font size to 9pt of the Horizontal Axis.

Format Range Chart Axis Font

Next, Right-click on the Vertical Axis of an Area Chart, and select the Vertical Axis Properties.. option from the context menu to format the Axis values.

Range Chart Vertical Axis Properties

Please use the above-specified technique to change the font properties of the vertical Axis. Next, format the Numbers in the vertical Axis by selecting the Number tab.

Format Range Chart Vertical Axis

Change Axis Titles of a Range Chart in SSRS

To change the Range chart Axis titles, Please select the Axis title, and change the title as per your requirement. OR, right-click on it will open the context menu. Please select the Axis Title properties.. option.

Format Range Chart Axis Title

It will open a new window called the Axis Title Properties window. Under the General section, we can change the Title text as per our requirements. For now, we are changing it to PRODUCT NAME

Range Chart AxisTitle

Under the Font tab, we can change the Font style, size, and color of an Axis title. For now, we are changing the Color to Dark Green, Font to Century Gothic, Size to 12pt, and style to Bold

Format Range Chart Axis Title Font

Please apply the same properties to Y-Axis, as well. Once completed, click on the Preview tab to see the report preview.

Formatted Range Chart Preview

Change SSRS Range Chart Title

To change the title of a Range chart, Please select the Chart title region, and change the title as per your requirement. OR, right-click on it will open the context menu. Please select the Title properties.. option.

Format Range Chart Title

Here we are changing the title as SSRS Range Chart Example because the report is displaying the same

Range Chart Title position

Format SSRS Range Chart Title Font

Within the Font tab, we can change the Font Size, Font Family, Font Style, and Color of a Range chart Title. Here we are changing the Font to Century Gothic, Style to Bold, Font size to 14pt, and color to Brown as shown in below screenshot

Range Chart title font

Format Legend of a Range Chart in SSRS

To format the Range Chart Legend region, Please Select the Legend region, and right-click on it will open the context menu. From the menu, please select the Legend Properties option.

format Range Chart legend

It will open a new window called the Legend Properties Window. Within the General Tab, we have an option called Legend Position to change the Legend Position by changing the dot positions. For now, we are changing the position to the top right corner.

Range Chart legend position

Next, Under the Font tab, we can change the Font style, size, and color of a Legend. For now, we are changing the Font to Century Gothic, Color to Maroon, Style to Bold, and Size to 10pt

format Range Chart legend font

Click OK button to close the Properties window, and hit the preview tab to see the report preview

Range Chart preview 23

Convert Range Chart to Smooth Range Chart in SSRS

SSRS allows us to change the chart type even after creating a Range Chart. To do so First, select the Range Chart, and right-click on it will open the context menu. Please select the Change Chart Type… option

Change Range Chart Type

Once you select the Change option, it will open a new window called Select Chart Type to select the change. Here we are selecting the Smooth Range Chart

Select Smooth Range Chart

Click on the preview tab to see the report preview

Smooth Range Chart preview

From the above screenshot, you can observe that we successfully changed the Chart Type from Normal Range Chart to Smooth Range Chart.

Until now, we are working with single data series values. Let me add the Total Product Cost to Chart Values, and change the Low property to Tax amount. Just for the demonstration purpose.

Multiple Range Charts

Now you can see, our range chart is displaying the chart for both the Sales Amount and the Total Product Cost

Multiple Range Chart preview

Add Data Labels to Range Chart in SSRS

Above chart holds too much data to display in the Data labels. So let me change the dimension in the Category Group from Product Name to Color

Add Data labels to Range Chart

Right-click on the Chart, and select the Show Data Labels option from the context menu to show the values

Show Range Chart Data labels

Next, let me format the Font of Data Labels. To do so, Please select the Data labels. Next, right-click on it and select the Series Label Properties option from it.

Range Chart Series Label properties

Here we are changing the font to Century Gothic, font size to 10pt, font color to Maroon, and style to Bold

Range Chart 32

Next, format the Numbers to Currency by selecting the Number tab.

Format Range Chart Numbers

Do the same for the Blue color chart as well. Once you complete, click on the Preview tab to see the report preview

Radar Chart in SSRS Preview