Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / SSRS

Adding Chart Controls to SSRS Report

4.40/5 (4 votes)
2 Dec 2011CPOL2 min read 49.1K  
How to add chart control to reports defined in SSRS

Introduction

In this article, I will discuss how to add chart controls to reports defined in SSRS.

To work with this, I will use a sample report which I showcased in my article, Basics of SSRS.

Below is the step by step process to work on this sample:

  1. Generate & define SSRS report
  2. Add Chart Control to report
  3. Set Datasource to Chart Control
  4. Define Fields to be used by Chart Control

Generate & Define SSRS Report

  1. Once you generate & define your report, the report will look similar to that shown below. Here I have generated a report based on my article “Basics of SSRS”.

    Design View

    Image 1

    Preview

    Image 2

Add Chart Control to Report

  1. To add chart control, click on Design tab.
  2. Now go to menu items select View, select Report data:

    Image 3

  3. Select toolbox from “Report Data” as shown below:

    Image 4

  4. Now from Report Items, double click “Chart”, which will show list of charts available. From this list, let’s select first chart control & click ok button.

    Image 5

  5. Now chart control will be added to the report. So now let's align it properly to the right:

    Image 6

Set Datasource to Chart Control

  1. To set datasource, right click chart control, select Chart, select Chart Properties as shown below:

    Image 7

  2. Now this shows up a window as shown below. So let's select / change values accordingly. The datasource that I have selected is DataSet1, as this is the same source used by report (see in ReportData).

    Image 8

  3. After setting the values, click ok button.

Define Fields to be used by Chart Control

  1. To set fields to the chart control, move mouse pointer to “Drop data fields here”, “Drop series fields here” & “Drop category fields here” section.

    Image 9

  2. When you move mouse pointer to the above mentioned sections, a small image is shown in the right corner of sections (see Drop data fields here). Click the image which will show up the fields specific to Dataset which you have assigned in one of our above steps.

    Image 10

  3. In my case, I have added field in “Drop data fields” & “Drop Series fields”. After adding fields, save it & go to “Preview” tab which should show up data similar to below:

    Image 11

Don't forget to rate the article if it helped!

Happy coding, hope this helps!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)