Set or change chart series marker style programmatically
The Chart class serves as the root class of the Chart control. The Chart class exposes all of the properties, methods, and events of the Chart Web server control.
The Chart Series collection property stores Series objects which are used to store data that is to be displayed, along with attributes of that data. The Chart ChartAreas collection property stores ChartArea objects, which are primarily used to draw one or more charts using one set of axes.
The following asp.net c# web development tutorial code demonstrates how we can set or change the chart series marker style programmatically. Here we will use the Chart class Series property to get the chart series collection. Then we will get the specified series instance by its name. And then we will set the specified series marker style by setting the Series class MarkerStyle property value.
The Chart Series property gets a SeriesCollection object which contains Series objects. This property value is a SeriesCollection object which contains Series objects.
The SeriesCollection Class represents a collection of Series objects. The SeriesCollection class stores Series objects and also provides methods and properties used to manipulate this collection. Series objects store DataPoint objects, as well as data attributes.
The Series class MarkerStyle property gets or sets the marker style. This property is inherited from DataPointCustomProperties. This property value is a MarkerStyle enumeration value.
The MarkerStyle enumeration represents the style used for a series or data point marker. The MarkerStyle enumeration is used as a value for the MarkerStyle property and the MarkerStyle property.
So finally, the asp.net c# web developers can set or change the Chart series marker style by setting the Series class MarkerStyle property value.
ChartSeriesMarkerStyle.aspx
<%@ Page Language="C#" AutoEventWireup="true" %>
<!DOCTYPE html>
<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
Chart1.Series["NokiaPhone"].MarkerStyle = MarkerStyle.Diamond;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>How to use Chart Series MarkerStyle in asp.net</title>
<style type="text/css">
h2
{
color:Crimson;
font-style:italic;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2>Chart example and tutorial: How to use<br /> Chart Series MarkerStyle in asp.net</h2>
<hr width="625" align="left" color="IndianRed" />
<br />
<asp:Chart
ID="Chart1"
runat="server"
Width="625"
BackColor="DarkCyan"
BorderlineColor="AliceBlue"
BorderlineDashStyle="Solid"
BorderlineWidth="2"
>
<Series>
<asp:Series
Name="NokiaPhone"
YValueType="Double"
ChartArea="DefaultChartArea"
ChartType="Bar"
Palette="EarthTones"
>
<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="OliveDrab"
BackColor="Olive"
>
<Area3DStyle Enable3D="true" LightStyle="Realistic" />
<AxisX>
<LabelStyle ForeColor="Snow" />
<MajorGrid LineColor="YellowGreen" />
</AxisX>
<AxisY>
<LabelStyle ForeColor="Snow" />
<MajorGrid LineColor="YellowGreen" />
</AxisY>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
<br />
<asp:Button
ID="Button1"
runat="server"
Text="Set Chart Series MarkerStyle Diamond"
Font-Bold="true"
OnClick="Button1_Click"
ForeColor="DarkBlue"
Height="45"
/>
</div>
</form>
</body>
</html>
