How to change chart series label text color in asp.net


Change chart series label text color 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 change the chart series label text color 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 label text color by setting the Series class LabelForeColor 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 LabelForeColor property gets or sets the text color of the label. This property is inherited from DataPointCustomProperties. This property value is a Color which is the text color of the label. So finally, the asp.net web developers can change the Chart series label text color by setting the Series class LabeForeColor property value.






ChartSeriesLabelForeColor.aspx



<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
Chart1.Series["AnnualSalary"].LabelForeColor = System.Drawing.Color.Snow;
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>How to set change Chart Series LabelForeColor (Label font text color) 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 LabelForeColor programmatically in asp.net</h2>
<hr width="625" align="left" color="AliceBlue" />
<br />
<asp:Chart
ID="Chart1"
runat="server"
BackColor="SaddleBrown"
>
<Series>
<asp:Series
Name="AnnualSalary"
YValueType="Int32"
ChartArea="ChartArea1"
ChartType="Pie"
Palette="Chocolate"
>
<Points>
<asp:DataPoint AxisLabel="Farha" YValues="36600" />
<asp:DataPoint AxisLabel="Sagir" YValues="17400" />
<asp:DataPoint AxisLabel="Sonali" YValues="14000" />
<asp:DataPoint AxisLabel="Moli" YValues="11300" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea
Name="ChartArea1"
BackColor="IndianRed"
>
<Area3DStyle Enable3D="true"/>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
<br />
<asp:Button
ID="Button1"
runat="server"
Text="Set Chart Series LabelForeColor Snow"
Font-Bold="true"
OnClick="Button1_Click"
Font-Names="Comic Sans MS"
ForeColor="DarkBlue"
Height="45"
/>
</div>
</form>
</body>
</html>








How to change Chart series color in asp.net


Change chart series color 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 change the chart series color 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 color by setting the Series class Color 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 Color property gets or sets the color of the data point. This property is inherited from DataPointCustomProperties. This property value is a Color which is the color of the data point. So finally, the asp.net c# web developers can change the Chart series color by setting the Series class Color property value.






ChartSeriesColor.aspx



<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
Chart1.Series["AnnualSalary"].Color = System.Drawing.Color.DeepPink;
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>How to set change Chart Series Color 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 Color programmatically in asp.net</h2>
<hr width="625" align="left" color="AliceBlue" />
<br />
<asp:Chart
ID="Chart1"
runat="server"
Width="625"
BackColor="SaddleBrown"
>
<Series>
<asp:Series
Name="AnnualSalary"
YValueType="Int32"
ChartArea="ChartArea1"
Color="WhiteSmoke"
>
<Points>
<asp:DataPoint AxisLabel="James" YValues="36700" />
<asp:DataPoint AxisLabel="Sagir" YValues="17500" />
<asp:DataPoint AxisLabel="Maruf" YValues="14000" />
<asp:DataPoint AxisLabel="Moli" YValues="11300" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea
Name="ChartArea1"
BackColor="Snow"
>
<Area3DStyle Enable3D="true"/>
<AxisX LineColor="SaddleBrown">
<MajorGrid LineColor="HotPink"/>
<LabelStyle ForeColor="Snow" />

</AxisX>
<AxisY LineColor="SaddleBrown">
<MajorGrid Enabled="true" LineColor="RosyBrown" />
<LabelStyle ForeColor="Snow" />
</AxisY>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
<br />
<asp:Button
ID="Button1"
runat="server"
Text="Set Chart Series Color DeepPink"
Font-Bold="true"
OnClick="Button1_Click"
Font-Names="Comic Sans MS"
ForeColor="DarkBlue"
Height="45"
/>
</div>
</form>
</body>
</html>








asp.net - How to change Chart height programmatically


Change Chart height 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 change the height of a Chart object. Here we used the Chart class Height property to change Chart height programmatically.




The Chart class Height property gets or sets the height of the entire chart image in pixels. This property value is a Unit that represents the height, in pixels, of the entire chart image. So finally, using the Chart class Height property the asp.net web developers can change the Chart instance height and set their preferred height in pixels.





ChangeChartHeight.aspx



<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<script runat="server">
protected void Button1_Click(object sender, System.EventArgs e)
{
Chart1.Height = 400;
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>How to set change Chart height 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 height programmatically in asp.net</h2>
<hr width="500" align="left" color="DarkBlue" />
<br />
<asp:Chart
ID="Chart1"
runat="server"
BorderlineDashStyle="Solid"
BorderlineWidth="2"
BorderlineColor="Pink"
>
<Titles>
<asp:Title
Text="Sample chart of salary"
BackColor="Gold"
ForeColor="Crimson"
BorderColor="Goldenrod"
BorderDashStyle="DashDotDot"
BorderWidth="1"
>
</asp:Title>
</Titles>
<Series>
<asp:Series
Name="Salary"
YValueType="Int32"
ChartType="Kagi"
ChartArea="DefaultChartArea"
Color="Crimson"
>
<Points>
<asp:DataPoint AxisLabel="Kamal" YValues="27300" />
<asp:DataPoint AxisLabel="Sammi" YValues="21695" />
<asp:DataPoint AxisLabel="Arnob" YValues="24150" />
<asp:DataPoint AxisLabel="Sakib" YValues="9800" />
<asp:DataPoint AxisLabel="Faisal" YValues="27500" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="DefaultChartArea" BackColor="PapayaWhip" Area3DStyle-Enable3D="true">
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
<br />
<asp:Button
ID="Button1"
runat="server"
Text="Set Chart Height 400"
Font-Bold="true"
OnClick="Button1_Click"
ForeColor="HotPink"
Height="45"
/>
</div>
</form>
</body>
</html>