You can represent the data using three types of sparklines: Line, Area and Column. By default the chart type is set to Line.

• Line: The Line Sparkline is useful for representing a continuous flow of data, such as stock values or sales data.
• Area: The area sparkline draws the values as an area or region and is useful for representing cumulative data over a period of time.
• Column: The Column Sparkline is useful for representing data where previous values and the current value don’t closely affect each other, such as sports scores and cash register receipts.

In the Designer

1. Click the smart tag in the upper-right corner of the control, and select SeriesList. This opens the SparklineSeries Collection Editor.
2. In the SparklineSeries Collection Editor, click Add the add button to add a series.
3. In the window on the right, select Area, Column or Line type from the Type dropdown box. By default the type Line is set.

4. 

In Source View

Modify the <cc1:C1SiteMap></cc1:C1SiteMap>tags, to customize and add data to the control:

<cc1:C1Sparkline ID="C1Sparkline1" runat="server">
        <SeriesList>
        <cc1:SparklineSeries Data="33,11,15,26,16,27,37,-13,8,-8,-3,17,0,22,-13,-29,19,8"
    Type="Area" >           
        </cc1:SparklineSeries>
        </SeriesList>
        </cc1:C1Sparkline>

In Code

Add the following code to the Page_Load event, to customize and add data to the Sparkline control.

To write code in C#

   C1Sparkline1.Height = 150;
   C1Sparkline1.Width = 200;
        double[] data = { 33, 11, 15, 26, 16, 27, 37, -13, 8, -8, -3, 17, 
           0, 22, -13,-29, 19, 80 };
   C1Sparkline1.SeriesList[0].Data = data;

To write code in VB

   C1Sparkline1.Height = 150
   C1Sparkline1.Width = 200
     Dim data As Double() = {33, 11, 15, 26, 16, 27,37, -13, 8, -8, -3, 17,
           0, 22, -13, -29, 19, 80}
   C1Sparkline1.SeriesList(0).Data = data

What You've Accomplished

When you select Area, Column or Line type and run the project, sparkline would appear as shown in the images below:

Area Sparkline

Column Sparkline

Line Sparkline

Back to Top