Monday, 15 April 2013

How to Draw Hi Charts in ASP.NET C#

Here i am writing client side and server side code description  , Hope it will Help you :-

Client side code Example:-

<div>   
    <asp:Chart ID="Chart1" runat="server" Height="300px" width="400px">
    <Titles>
    <asp:Title ShadowOffset="3" Name="Title1">
    </asp:Title>
    </Titles>
    <Legends>
    <asp:Legend Alignment="Center" Docking="Bottom" IsTextAutoFit="false" Name="Default"        LegendStyle="Row">
    </asp:Legend>
    </Legends>
    <Series>
    <asp:Series Name="Hi_Charts"></asp:Series>
    </Series>
    <ChartAreas>
    <asp:ChartArea Name="ChartArea1" BorderWidth="0"></asp:ChartArea>
    </ChartAreas>
    </asp:Chart>
    </div>

Server Side Code Example:-

 protected void Page_Load(object sender, EventArgs e)
    {
        double[] yValues = { 71.15, 23.19, 5.66 };
        string[] xValues = { "Men", "Women", "Childrens" };
        Chart1.Series["Hi_Charts"].Points.DataBindXY(xValues, yValues);
        Chart1.Series["Hi_Charts"].Points[0].Color = Color.MediumSeaGreen;
        Chart1.Series["Hi_Charts"].Points[1].Color = Color.PaleGreen;
        Chart1.Series["Hi_Charts"].Points[2].Color = Color.LawnGreen;
        Chart1.Series["Hi_Charts"].ChartType = SeriesChartType.Bar;
        Chart1.Series["Hi_Charts"]["PieLabelStyle"] = "Disabled";
        Chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = true;
        Chart1.Legends[0].Enabled = true;
    }


No comments:

Post a Comment