Tuesday, February 8, 2011

How to set change Chart Series MarkerStep programmatically in asp.net

ChartSeriesMarkerStep.aspx




<%@ Page Language="C#" AutoEventWireup="true" %>  
  <script runat="server">  
    protected void Button1_Click(object sender, System.EventArgs e)  
    {  
        Chart1.Series["NokiaPhone"].MarkerStep = 2;  
    }  
</script>  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head id="Head1" runat="server">  
    <title>How to set change Chart Series MarkerStep programmatically in asp.net</title>  
    <style type="text/css">  
        h2  
        {  
            color:DarkBlue;  
            font-style:italic;  
            }  
    </style>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <h2>Chart example and tutorial: How to set change<br /> Chart Series MarkerStep programmatically in asp.net</h2>  
        <hr width="625" align="left" color="CornFlowerBlue" />  
        <br />  
        <asp:Chart   
            ID="Chart1"   
            runat="server"  
            Width="625"   
            BackColor="Maroon"  
            BorderlineColor="Orchid"  
            BorderlineDashStyle="Solid"  
            BorderlineWidth="2"  
            >  
            <Series>  
                <asp:Series   
                    Name="NokiaPhone"   
                    YValueType="Double"   
                    ChartArea="DefaultChartArea"  
                    ChartType="Bar"  
                    MarkerStyle="Circle"  
                    Color="DarkRed"  
                    MarkerColor="Green"  
                    MarkerSize="10"  
                    >  
                    <Points>  
                        <asp:DataPoint AxisLabel="Nokia N8" YValues="549" />  
                        <asp:DataPoint AxisLabel="Nokia N97 Mini Driver Ed." YValues="399.99" />  
                        <asp:DataPoint AxisLabel="Nokia N97 mini" YValues="379.99" />  
                        <asp:DataPoint AxisLabel="Nokia E72 Driver Edition" YValues="349" />  
                        <asp:DataPoint AxisLabel="Nokia 5800 Driver Edition" YValues="289" />  
                    </Points>  
                </asp:Series>  
            </Series>  
            <ChartAreas>  
                <asp:ChartArea   
                    Name="DefaultChartArea"   
                    BorderDashStyle="Solid"  
                    BorderWidth="2"  
                    BorderColor="OrangeRed"  
                    BackColor="Orange"  
                    >  
                    <Area3DStyle Enable3D="true" LightStyle="Realistic" />  
                    <AxisX>  
                        <LabelStyle ForeColor="Snow" />  
                        <MajorGrid LineColor="Salmon" />  
                    </AxisX>  
                    <AxisY>  
                        <LabelStyle ForeColor="Snow" />  
                        <MajorGrid LineColor="Salmon" />  
                    </AxisY>  
                </asp:ChartArea>  
            </ChartAreas>  
        </asp:Chart>  
        <br />  
        <asp:Button   
            ID="Button1"  
            runat="server"  
            Text="Set Chart Series MarkerStep 2"  
            Font-Bold="true"  
            OnClick="Button1_Click"  
            ForeColor="DarkBlue"  
            Height="45"  
            />  
    </div>  
    </form>  
</body>  
</html>  

No comments: