In this article we will create PIE chart using Microsoft .NET Charting control 3.5. In some application we need
to display pie chart as a part of report and using Microsoft Charting control its very easy, and more over
this .NET Charting control is free to use and distribute.
Step 1: First Download the .NET Charting control from here.
Setp 2: Add the reference to your project by right click on the solution explorer of your project.
Setp 3: Write the below code in which event you want to draw Pie Chart.
private void CreateChart()
//Create some dummy DataRandom random = new Random();
for (int pointIndex = 0; pointIndex < 10; pointIndex++)
"Series1"].Points.AddY(random.Next(20, 100));
//Set the chart typeChart1.Series["Series1"].ChartType = SeriesChartType.Pie;// Set the bar widthChart1.Series["Series1"]["PointWidth"] = "0.5";// Show data points labelsChart1.Series["Series1"].IsValueShownAsLabel = true;// Set data points label styleChart1.Series["Series1"]["BarLabelStyle"] = "Center";// Show chart as 3DChart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = true;// Draw chart as 3D CylinderChart1.Series["Series1"]["DrawingStyle"] = "Cylinder";
Dont forget to add namespace
1 | using System.Web.UI.DataVisualization.Charting; |
If you run the project you will see you pie chart like this
Full Code of your .cs file using C# Example. In the below example we have calling the method in the page load event.
04 | using System.Web.UI.WebControls; |
05 | using System.Web.UI.DataVisualization.Charting; |
07 | public partial class _Default : System.Web.UI.Page |
09 | protected void Page_Load( object sender, EventArgs e) |
16 | private void CreateChart() |
19 | Random random = new Random(); |
20 | for ( int pointIndex = 0; pointIndex < 10; pointIndex++) |
22 | Chart1.Series[ "Series1" ].Points.AddY(random.Next(20, 100)); |
24 | Chart1.Series[ "Series1" ].ChartType = SeriesChartType.Pie; |
25 | Chart1.Series[ "Series1" ][ "PointWidth" ] = "0.5" ; |
26 | Chart1.Series[ "Series1" ].IsValueShownAsLabel = true ; |
27 | Chart1.Series[ "Series1" ][ "BarLabelStyle" ] = "Center" ; |
28 | Chart1.ChartAreas[ "ChartArea1" ].Area3DStyle.Enable3D = true ; |
29 | Chart1.Series[ "Series1" ][ "DrawingStyle" ] = "Cylinder" ; |
And the same above code in VB.NET
04 | Imports System.Web.UI.WebControls |
05 | Imports System.Web.UI.DataVisualization.Charting |
07 | Public Partial Class _Default |
08 | Inherits System.Web.UI.Page |
09 | Protected Sub Page_Load( ByVal sender As Object , ByVal e As EventArgs) |
10 | If Not IsPostBack Then |
14 | Private Sub CreateChart() |
16 | Dim random As New Random() |
17 | For pointIndex As Integer = 0 To 9 |
18 | Chart1.Series( "Series1" ).Points.AddY(random.[ Next ](20, 100)) |
21 | Chart1.Series( "Series1" ).ChartType = SeriesChartType.Pie |
23 | Chart1.Series( "Series1" )( "PointWidth" ) = "0.5" |
25 | Chart1.Series( "Series1" ).IsValueShownAsLabel = True |
27 | Chart1.Series( "Series1" )( "BarLabelStyle" ) = "Center" |
29 | Chart1.ChartAreas( "ChartArea1" ).Area3DStyle.Enable3D = True |
31 | Chart1.Series( "Series1" )( "DrawingStyle" ) = "Cylinder" |
You can change the data source to any mode. you can also get the data from Database and set its chart series property.
------------------------------------------------------------------------------------------------------------
Source: http://www.dotnetspark.com/kb/656-create-pie-chart-asp-net-using-microsoft.aspx
No comments:
Post a Comment