Click here to Skip to main content
Click here to Skip to main content

How to draw charts in asp.net using MS chart

, 19 Oct 2011 CPOL
Rate this:
Please Sign up or sign in to vote.

CHARTS in ASP.NET

This article describes you about how to draw a chart in asp.net using MS chart. First we need to install MS chart Software in our system. Here is a link for downloading MSChart. Microsoft Chart Controls for Microsoft .NET Framework 3.5[^]
 
Refer following link for Installing MS chart adding into vs 2008 toolbox and using MS chart with sample code http://aspnetnova.blogspot.com/2009/01/installing-ms-chart-adding-into-vs-2008.html[^]
 
After adding ms chart into toolbox Double click on chart control in your toolbox.Chart will be added in your web page like the following.
<asp:Chart ID="Chart1" runat="server">
    <Series>
        <asp:Series Name="Series1">
        </asp:Series>
    </Series>
    <ChartAreas>
        <asp:ChartArea Name="ChartArea1">
        </asp:ChartArea>
    </ChartAreas>
</asp:Chart>
If we wanted to represent more than one attribute then we need to add
<asp:Series Name="Series2" ChartArea="ChartArea1"  Color="#000066">                 
</asp:Series>
in <Series> </Series> tag
 
Function for creating a chart :
private void fillTempPulseEtc()
        {
                double[] temp = { 0.0, 111.0 };
                double[] time = { -23.0, 23.59 };
                for (int i = 0;i <= 2; i++)
                {
                    Chart1.Series[0].Points.DataBindXY(time, temp);
                }
                Chart1.Series[0].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Column;
 
            }
In page load call fillTempPulseEtc() We can select Pie, Point, Area, Doughnut etc charts using
System.Web.UI.DataVisualization.Charting.SeriesChartType.Column;

License

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

Share

About the Author

raj ch

India India
No Biography provided

Comments and Discussions

 
QuestionCharts can be created by using chart control and Series PinmemberMember 1096996515-Oct-14 20:47 
GeneralVery good reference. Pinmemberdanilo_ga2-Jan-13 1:37 
GeneralMy vote of 4 PinmemberTariq Newaz Shahriar19-Apr-12 14:49 
GeneralRe: My vote of 4 Pinmembersupriya chaladi19-Apr-12 21:34 
GeneralReason for my vote of 4 nothing Pinmembermbsmbs24-Oct-11 20:31 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.141015.1 | Last Updated 19 Oct 2011
Article Copyright 2011 by raj ch
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid