How to create a Pie chart using ASP.Net and C#

First Step: Web Config file

The Web.Config file needs to be modified to contain the httpHandler and controls. These configurations enable the asp:Chart tag which is used in the Default.aspx file.

In httpHandlers add below code:


<add path="ChartImg.axd" verb="GET,HEAD,POST" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization,
Version=3.5.0.0, Culture=neutral, 
PublicKeyToken=31bf3856ad364e35" />






In controls add below code:

<add tagPrefix="asp"
namespace="System.Web.UI.DataVisualization.Charting"
assembly="System.Web.DataVisualization, Version=3.5.0.0,
Culture=neutral, PublicKeyToken=31bf3856ad364e35" />




Second Step: Default.aspx file:

we will add the chart, titles, legend, series and chart areas.


<asp:Chart ID="Chart1" runat="server" Width="500px"  Height="500px" IsMapAreaAttributesEncoded="True">

<Series>
<asp:Series ChartArea="myChartArea" Name="Series1" ChartType="Pie" XValueMember="Status" YValueMembers="Total" XValueType="String" YValueType="Int32">
</asp:Series>
</Series>

<ChartAreas>
<asp:ChartArea Name="myChartArea"  Area3DStyle-Enable3D="true" >
<AxisY Title="Status">                                          </AxisY>
<AxisX Title="Process">
</AxisX>
<Area3DStyle Enable3D="True" Inclination="20" />
</asp:ChartArea>
</ChartAreas> </asp:Chart>



And lastly, we will add the code to the code-behind file to populate and configure the chart.


 private void LoadChartOptions()
        {

            Chart1.Legends.Add(new Legend("WorkOrder"));
            Chart1.Legends[0].TableStyle = LegendTableStyle.Auto;
            Chart1.Legends[0].Docking = Docking.Bottom;
            Chart1.Series[0].Label = "#AXISLABEL -> #VALY{D}";

            Chart1.Series[0]["PieLabelStyle"] = "Inside";
            Chart1.Series[0]["PieLabelStyle"] = "Disabled";
            Chart1.Series[0].BackSecondaryColor = System.Drawing.Color.Blue;
            Chart1.Series[0]["PieLineColor"] = "Black";
            Chart1.Series[0]["PieDrawingStyle"] = "Concave";
            Chart1.ChartAreas[0].Area3DStyle.Enable3D = true;
            Chart1.ChartAreas[0].Area3DStyle.Rotation = 30;

        }





Comments

Post a Comment

Popular posts from this blog

How to retain the data annotations or class during modify a table in the database

Image
In database-first approach since there is an existing database., The entity classes are automatically created by edmx model.: If we use [MetadataType(typeof(ConceptMetadataSource))] to attach a MetadataSource file which contains all the data annotations like [HiddenInput(DisplayValue = false)] or [Display(Name = "Title")]. The data annotations will be wiped out each time the entity classes are regenerated as the code will be regenerated once we modify a table in the database Solution: All you have to do is create another partial class and use Metadatatype attribute Create a metadata class in models as below…   Create a Partial class for the metadata in models as below… The new partial class can be created in a different folder
Read more

Interview Questions

Difference between GET and POST. Which one is more secure? GET and POST methods are used for the data transfer between the web pages. GET mainly used for small data which is not secure because in case of GET method, the data which we are passing will be visible in the url so we can't keep the secure data which will be visible in the url. There is also limited data which can be passed in case of GET method (max 255 character). POST is used for transferring the huge data between the pages where we can keep the secure data and can transfer it. In case of using the POST method, the data which is transferring between the pages will not be visible so it is more secure than the GET method. Also there is no limit for POST method to post the data to the next page. POST is more secure What are Razor engines? How is it diff from ASP Engines? A. RAZOR engine is the new concept in the MVC 3 which is mainly used to create the views in the MVC applications. It created the cshtml pages for...
Read more

AJAX CONTROL

Image
1.        Goto  web confiq add following controls        < controls >   < add tagPrefix = " ccl " namespace = " AjaxContolToolkit " assembly   = " AjaxContolToolkit " />      </ controls > 2.        Go to  bin folder  ->  include project -> add ajax.dll file from AjaxControl Toolkit 3.        Add  toolsciptmanager  to default.aspx            < asp : ToolkitScriptManager ID ="ToolkitScriptManager1" runat ="server">         </ asp : ToolkitScriptManager > 4.        Create a function < script type = "text/javascript" >     function panelclick()     {    alert( "click" );  ...
Read more