SQLServerCentral Article

Creating SSRS Tabular Reports with Sparklines and Charts

,

In this article I’m going to demonstrate how to create a basic tabular report incorporating a sparkline chart and line chart in Reporting Services (SSRS) 2014. The AdventureWorksDW2014 sample database is used as the data source and I'm running Reporting Services in Native Mode. The report will be optimized for online interactive viewing.

To begin with, in SSDT I'll create a new Report Server Project called “SSRS GoTo”and add a new Shared data source called “ResellerData”. I'll use my server information but you can use 'Local' for Server Name or your instance name. Then select the AdventureWorksDW2014 database. I’ll only illustrate this minimally as I am assuming these basic startup steps people will have practiced enough to be comfortable with.

Now that the shared data source is created, I can add a new report to the project. In Solution Explorer right click the Reports folder and click Add, New Item.  I have a blank canvass to build the report from. In the Report Data pane ,right click Data Sources and Add New Data source. Again, name the Data Source,“ResellerData”.  Select Use shared data source reference and choose ResellerData from the list, then click OK. So now I have created a reference for this report to the shared data source created previously.

I need the report to return specific data from tables, not all the data; so the next step is to create a dataset. Right click Datasets in the Report Data pane, and click Add Dataset. Name the dataset, “dsResellerSales”, then select “Use a dataset embedded in my report”. See Fig. 1 for the dataset properties.

Under Data source, select “ResellerData”. Since I am going to use a stored procedure to gather the data rather than write a query in the query designer, click the stored procedure button under Query type. Select usp_GetResellerSales and click OK. The stored procedure contains a query parameter to filter by Year, Reporting services automatically creates the report parameter and maps it to the query parameter in the query.

Fig.1 – Dataset Properties

Below is a screenshot of the report (Fig. 2) I am going to create. It is a basic tabular report using three datasets, which I will discuss below. What follows are the general steps involved in creating the report.

Fig.2 – Sample report

First, click the Design tab, and right click on a blank area, then choose “Insert Table”. Add Year, Category Name and Territory onto the Row Groups pane. Label the fourth column Monthly Trend, then drag SalesTotaldataset field across onto the table in the fifth column. Change the CategoryName column label to Product Category, then preview. The report should look like Fig. 3.

Fig.3 Table with added RowGroups and Columns

SSRS has created the @Year report parameter automatically and linked it to the query parameter in the dataset. Each time the report is run, the user will have to enter a year to filter the report as shown in Fig. 4.

Fig.4 – Row grouping

To save time it is easier to add a default value or provide a list of available values for the user to choose from, which is what I will do now. In the Report Data pane right click Datasets folder. Choose Add Dataset. Under Name type in a name, I’ll call it years. Select “Choose a dataset embedded in my report”. Under Data source select the ResellerData datasource. Under Query type select Text, and under Query type the following SQL query to display a list of distinct years from the FactResellerSales table. This is shown in Fig. 5.

Fig.5 – Dataset Properties for the years parameter.

The report will always show the up-to-date years to be included. The data returned is from the Year field and will be labeled Year. The label can differ from the Value field but is commonly the same (show in Fig. 6).

Fig.6 – Parameter properties configured to come from the ‘years’ dataset

The SalesTotal column shows one row per individual monthly total for each Territory. Instead, I want to see only one row aggregated by SUM (Fig. 7).

Fig.7 – The SalesTotal column group

Under the Row Groups pane right click the Details and select Delete group, and choose Delete group only (Fig. 8).

Fig.8 – Deleting the group

This will change the grouping structure only and not the table itself. Now the report displays Total Sales for each Territory per Product Category (Fig. 9). The numbers need formatting, which I’ll do later.  

Fig.9 – Sales Total grouped

Now the report displays only one row per Territory per Category and looks good. However, upon closer inspection, the figure for each Territory is not as it seems. As the image shows, 2013 Accessories Sales in Australia was $2012.3940. This is not the true aggregation for Accessories in Australia. In fact, this figure is for only the first month’s sales for that particular Year, Category, Territory combination. The report is not aggregating the data correctly.

Because I removed the details group, SSRS is just taking the first value in that scope instead of the SUM of all rows (as per Figure 9, we can see there are ten rows in this scope).  Since the SalesTotal field isn’t wrapped in any aggregate function like SUM, it’s just showing the first value, which happens to be the value $2012.3940. Highlight the SalesTotal field, right click, and select Summarize By, then SUM, as seen in Fig. 10.

Fig.10 – Summary by an Aggregate

Now the report displays the correct aggregated total in Fig. 11.

Fig.11 – New report with figures correctly summed.

Now that the data is displaying correctly, I want to add some Group totals. 

Right click the Year field and click “Add Total”. Right click the Territory field and select “Add Total”. To ensure the report shows SalesTotals for the whole year and each Product Category further broken down byTerritory. Select the Label text boxes named ‘Total’ that were created as a result of adding the totals and delete them (as shown in Fig. 12).

Fig.12 –  The two Total labels are optional, to delete them will improve the look of this report.

Basically, delete the Total labels because when the report is rendered they display regardless of whether there may be data. The report looks better just showing the Group headings and the numeric data here without the two labels as these are auto-generated

Fig.13 The report design is now less cluttered and more readable.

When the report is previewed I want to initially hide the Territory and Monthly Trend columns and only display them when an individual Product Category is selected. This is called drill-down functionality using visibility properties. So to achieve this, right click Territory Row Group and select “Group Properties”. Configure as shown in Fig. 14, then click OK. 

Fig.14 – Group Properties dialog

Here is the preview.

Fig.15 – Preview the report
Now add some some minimal formatting to improve the overall look of the report. Right click thefirst [SUM(SalesTotal)] field and click Text Box Properties (Fig. 16). 
Fig.16 – Formatting the text boxes.
Format as shown below and click OK.
Fig.17 – Formatting the numbers as currency
While still selecting the field, press F4 to open the properties pane (Fig. 18). Find Format property then highlight the expression which is now in the box, then copy. 
Fig.18 – Properties for the cell
Now select the [Sum(SalesTotal)] fields in the next rows on the Tablix, press F4 to display properties. Find Format property and paste the expression (fig 19). This formats the remaining [SUM(SalesTotal)] fields.  Note: If using Report Builder this process is much faster.
Fig.19 – Formatting the numbers in the Properties dialog
Now your report should look much better (Fig. 20).

Fig.20 – The report with correct totals.
Right click on the white space in Design tab and click Insert, Page Header. Then inside the page header right click, Insert Text Box. We’ll give the report a title of “Reseller Sales by Product Category and Territory”. Then right click, select “text box properties”, then in the  fontdropdown, change font to Segoe UI Light and increase the size to 36 pt.  
Fig.21 – New report fonts
Select the first row handle of the table then drag to select the rest of the body of the table. While selected select No Border icon shown below in Fig. 22.
Fig.22 – Select No Border
Insert a column, with a Sparkline, into the Monthly Trend column below the label text box. Select the field, right click, Insert, Sparkline. 

Fig.23 – Insert the sparkline chart
Select the sparkline itself by clicking it to get the Chart Data window. By using the Add Field button, add SalesTotal to the values and add Year and Month to the Category Groups (Fig. 24). 
Fig.24 – Add a field to the sparkline chart
To ensure the columns are lined up correctly, right click the Sparkline  and select Horizontal axis properties. Select Align axis in and choose Tablix1, this ensures there are correct spaces in the Sparkline to match the data. However the columns are still disproportionate in height for the data so continue with the next steps.  
Fig.25 – Sparkline chart horizontal axis properties.
Right click the Sparkline chart again and select Vertical Axis properties. Under Axis range and interval section make sure the box is ticked next to ‘Align axis in:’  and select ‘Tablix1’ which is the name of the Region, in the drop down box.
Fig.26 - Sparkline chart vertical axis properties.
Fig.27 – The final report
Now preview the report and the Sparkline appears once a product category has been expanded. So we can see the monthly sales trend within each Territory for each Product Category.

For a given year we can see Total Reseller Sales by Category and Territory. Now I am going to add a line chart to the report. I would like to show alongside the tabular report a chart displaying Employees Sales vs. quotas. For that year we can also get a glimpse of the data for employees who made the sales. 
This will need a new dataset, so right click Datasets in the Report Data pane and click “Add New Dataset”. Keep the name as Dataset1 (not advisable in real world scenarios) and select Stored Procedure as the Query type. Select uspGetRSEmpQuotas from the list (Fig 28). This stored procedure simply displays aggregated sales data and quotas for employees for a given year (which again is input via a parameter input by the user).
Fig.28 – configuring a new dataset
Select a blank area of the report body.  Insert a Chart by right clicking, and then Insert, then Chart, select Column chart then OK. Click anywhere on the chart graph to bring up the Chart Data pane. Here I choose what I want the chart to display on the axes, which is reseller sales vs. employee targets. I want to display the Top 5 Employees and their Sales as columns with their targets shown as a line for easy comparison. 
In the Chart Data next to Values, click the green plus sign which adds fields as values.  From Dataset1, choose SalesTotal and SalesQuota and Add EmployeeKey to the Category Groups section.

Fig.29 –  Add fields to Chart
Now preview the report. The chart doesn’t display the data properly. The SalesTotal values are barely visible on the chart and quotas are very high so no real intelligence can be derived at this stage so changes are needed.
Fig.30 Chart showing the need for formatting 
Firstly, I’ll change the chart type of the Sales quota values to a line chart. Select the SalesQuota value in the Chart data pane, then click the black down arrow and select Change Chart Type. Choose line chart then press OK. 

Fig.31 – Changing the chart type for SalesQuota

Fig.32 The chart looks better but still the SalesTotal values are not instantly meaningful.

Again, right click SalesQuota in the Chart data pane and select Series properties. On the Axis and Chart Area page change the Vertical Axis to Secondary. 

Fig.33 Changing SalesQuota to be positioned on the Secondary Vertical axis

On the Markers page choose Diamond as the marker type and change marker size to 6pt. Select OK.
Fig.35 Select ‘Vertical Axis Properties’
Fig.36 Format the values as per diagram
Right click one of the grey horizontal grid lines and select Show Gridlines, which will remove them as they are by displayed by default. 
Fig.37 - Enabling the gridlines in the chart.
I have created the same chart twice just to illustrate a different colour scheme. 
Fig 38: Two differerent charts with different colors.
Fig.38 showing the design view of two charts using the same dataset but with different colours to illustrate variation. To change the colour theme of the report right click on any white space surrounding the axes on the chart. Select Chart Properties. On the General page under Color palette you can choose various colour schemes.  
Preview the report (Fig 39)
Fig.39 Report showing sparklines and a chart using drilldown and Grouping
This report is by no means complete, there are always tweaks that are needed but I hope it helps to visualize what can be achieved in a short space of time. What you will have learned after reading this, is how to create a chart with different chart types representing different series values, add a secondary vertical axis, format numeric fields etc. You will have learnt how to include a Sparkline and relate it to the correct data region. How to use a parameter to filter the data, how to add and display totals according to your needs. How to add Row Groups to your report, use Drill-down functionality, to name a few!

Rate

4.2 (5)

You rated this post out of 5. Change rating

Share

Share

Rate

4.2 (5)

You rated this post out of 5. Change rating