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:

Post a Comment