Is there any chart control through which we can display it in a webpage in asp.net

[yogeshtiwarijbp]

Is there any chart control through which we can display it in a
webpage in asp.net.

[TRScheel]

I assume you mean chart as in a graph, not chart as in a list.

If so, there are options you can purchase but nothing that comes for free in the framework, unless you count building your own solution.

[yogeshtiwarijbp]

is there any help in creating ur own chart

[TRScheel]

You could cheat with tables. If you gathered a bit of values, you could then create a table with the number of columns equal to 2 + the number of values. You would then have the first column as the units of the graph, the second column chop the table into values (0, 10, 20, etc), and the following columns have colored backgrounds to represent their value in graphical form. You would have one header row and one footer rows. The header row would include your title, the first footer row would have your column names. With select use of borders, you would have a fairly nice looking graph.

You could flip it and have a horizontal graph.

For circular graphs, its a bit more difficult. You would actually need to create an image and display it.

[yogeshtiwarijbp]

thank u sir but can u provide me one example in asp.net using c# or v.b

You could cheat with tables. If you gathered a bit of values, you could then create a table with the number of columns equal to 2 + the number of values. You would then have the first column as the units of the graph, the second column chop the table into values (0, 10, 20, etc), and the following columns have colored backgrounds to represent their value in graphical form. You would have one header row and one footer rows. The header row would include your title, the first footer row would have your column names. With select use of borders, you would have a fairly nice looking graph.

You could flip it and have a horizontal graph.

For circular graphs, its a bit more difficult. You would actually need to create an image and display it.

[TRScheel]

In your page somewhere:

<asp:Label ID="lblGraph" runat="server" Text="" />
 

In you code when you want to create the graph:

        Dim values As Integer() = {23, 55, 64, 44, 91, 54, 12, 88, 67, 75}
        Dim graph As String = String.Empty
        graph = "<table border='1'>"
        For i As Integer = 0 To 10 Step 1
            graph = IIf(i = 5, String.Format("{0}<tr><td>Random Grades(%)</td><td>{1}</td>", graph, (10 - i) * 10), String.Format("{0}<tr><td></td><td>{1}</td>", graph, (10 - i) * 10))
            For Each y As Integer In values
                graph = String.Format("{0}<td style='background:{1}'></td>", graph, IIf(y / 10 >= (10 - i), "#FF0000", "#FFFFFF"))
            Next
            graph = String.Format("{0}</tr>", graph)
        Next
 
        graph = String.Format("{0}<tr><td colspan='2'></td>", graph)
        For Each y As Integer In values
            graph = String.Format("{0}<td>{1}</td>", graph, "GuyName")
        Next
        graph = String.Format("{0}</tr>", graph)
 
        graph = String.Format("{0}<tr><td colspan='2'></td><td align='center' colspan='{1}'>Student Names</td></tr></table>", graph, values.Length)
 
        lblWrite.Text = graph
 

Where the array 'values' should be changed to reflect your data. You might also create an object to hold the names of each item and show that in your graph. This is a VERY rough draft of what you could do. I would suggest playing with it before using it.

[yogeshtiwarijbp]

Thank u sir for ur help and support sir i want to ask one question we can also
create graph using asp.net namespace "using systems.Drawing". Can u provide me some example .
thanking u sir
yogesh

In your page somewhere:

<asp:Label ID="lblGraph" runat="server" Text="" />
 

In you code when you want to create the graph:

        Dim values As Integer() = {23, 55, 64, 44, 91, 54, 12, 88, 67, 75}
        Dim graph As String = String.Empty
        graph = "<table border='1'>"
        For i As Integer = 0 To 10 Step 1
            graph = IIf(i = 5, String.Format("{0}<tr><td>Random Grades(%)</td><td>{1}</td>", graph, (10 - i) * 10), String.Format("{0}<tr><td></td><td>{1}</td>", graph, (10 - i) * 10))
            For Each y As Integer In values
                graph = String.Format("{0}<td style='background:{1}'></td>", graph, IIf(y / 10 >= (10 - i), "#FF0000", "#FFFFFF"))
            Next
            graph = String.Format("{0}</tr>", graph)
        Next
 
        graph = String.Format("{0}<tr><td colspan='2'></td>", graph)
        For Each y As Integer In values
            graph = String.Format("{0}<td>{1}</td>", graph, "GuyName")
        Next
        graph = String.Format("{0}</tr>", graph)
 
        graph = String.Format("{0}<tr><td colspan='2'></td><td align='center' colspan='{1}'>Student Names</td></tr></table>", graph, values.Length)
 
        lblWrite.Text = graph
 

Where the array 'values' should be changed to reflect your data. You might also create an object to hold the names of each item and show that in your graph. This is a VERY rough draft of what you could do. I would suggest playing with it before using it.

[yogeshtiwarijbp]

thank u sir 4 ur help and support sir i want to ask u one question we can also use .net namespace using "systems.Drawing". Can u provide me some example .
thanking u sir
yogesh

[TRScheel]

thank u sir 4 ur help and support sir i want to ask u one question we can also use .net namespace using "systems.Drawing". Can u provide me some example .
thanking u sir
yogesh

Oh that can be tricky, but I enjoy the challenge, so I will be back in a bit with an example on how to do it.

[TRScheel]

Figured it out.

You have to add:

<img src="Chart.aspx" />
 

to the page in question.

In that charts page, your code should contain:

public Color[] CreatePieChart(int width, int height, Color backgroundColor, uint[] values)
{
    Color[] colors = new Color[values.Length];
    using(Bitmap bmp = new Bitmap(width, height))
    {
        using (Graphics gfx = Graphics.FromImage(bmp))
        {
            gfx.Clear(backgroundColor);
 
            uint total = 0;
            for (int i = 0; i < values.Length; i++)
            {
                total += values[i];
 
                colors[i] = Color.FromArgb(128, Color.FromArgb(new Random().Next()));
            }
 
            float startAngle = 0;
            for (int i = 0; i < values.Length; i++)
            {
                float endAngle = startAngle + (((float)values[i] / (float)total) * 360f);
                gfx.FillPie(new SolidBrush(colors[i]), new Rectangle(0, 0, width, height), startAngle, endAngle);
                startAngle = endAngle;
            }
 
            Response.ContentType = "image/jpeg";
            bmp.Save(Response.OutputStream, ImageFormat.Jpeg);
        }
    }
 
    return colors;
}
 

That should be fairly easy to understand whats going on as far as parameters are concerned. The random color generator, well, is crap. I would create a different algorithm for it. Otherwise its fairly simple. It goes to the output stream so thats the reason for needing another page to view that page as a picture, it destroys all the content on it. If you (or anyone else for that matter) has questions about this, shoot away.