<%@ Page Language="C#" AutoEventWireup="true" %>
<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
Chart1.Series["NokiaPhone"].MarkerSize = 10;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>How to set change Chart Series MarkerSize 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 MarkerSize programmatically in asp.net</h2>
<hr width="625" align="left" color="CornFlowerBlue" />
<br />
<asp:Chart
ID="Chart1"
runat="server"
Width="625"
BackColor="MediumPurple"
BorderlineColor="Orchid"
BorderlineDashStyle="Solid"
BorderlineWidth="2"
>
<Series>
<asp:Series
Name="NokiaPhone"
YValueType="Double"
ChartArea="DefaultChartArea"
ChartType="Bar"
MarkerStyle="Circle"
Color="SeaGreen"
MarkerColor="Green"
>
<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="DarkOrange" />
</AxisX>
<AxisY>
<LabelStyle ForeColor="Snow" />
<MajorGrid LineColor="DarkOrange" />
</AxisY>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
<br />
<asp:Button
ID="Button1"
runat="server"
Text="Set Chart Series MarkerSize 10"
Font-Bold="true"
OnClick="Button1_Click"
ForeColor="DarkBlue"
Height="45"
/>
</div>
</form>
</body>
</html>
No comments:
Post a Comment