Sparklines

Sparklines are a special lightweight datavisualization graph, which is used primarily to display trends.
This setup can be easily handled, by using the ShieldUI charting component.
The main idea is to remove all unnecessary elements and leave only the graph. Depending on the particular setup, this may include:

-the X and Y axes
-the primary header
-the legend
-any plot strip lines

Although this can be accomplished for almost any series type, it is most commonly used for area, line and bar series. The code below
demonstrates the functionality in question with a line series type:

<shield:ShieldChart ID="ShieldChart1" runat="server" Height="100px" 
Width="270px" OnTakeDataSource="ShieldChart1_TakeDataSource" 
CssClass="chart" AreaPaddingTop="-7">
<ExportOptions AllowExportToImage="false" AllowPrint="false" />
<TooltipSettings CustomHeaderText=" " 
CustomPointText="<span><b>{point.y}</b></span>">
<AxixMarkers Enabled="true" Mode="X" />
</TooltipSettings>
<Legend Enabled="false"></Legend>
<Axes>
<shield:ChartAxisX PlotStripWidth="0" DrawWidth="0" 
TicksWidth="0" TicksHeight="0">
<AxisTickText Enabled="false"></AxisTickText>
</shield:ChartAxisX>
<shield:ChartAxisY PlotStripWidth="0" DrawWidth="0" TicksWidth="0" 
TicksHeight="0">
<AxisTickText Enabled="false"></AxisTickText>
</shield:ChartAxisY>
</Axes>
     <DataSeries>
           <shield:ChartLineSeries EnableValueXSorting="false">
                  <Settings AddToLegend="false">
                       <PointMark Enabled="false">
                        <ActiveSettings>
                            <PointHoveredState Enabled="false" />
                        </ActiveSettings>
                        </PointMark>
                  </Settings>
           </shield:ChartLineSeries>
     </DataSeries>
</shield:ShieldChart>