Gallery

Gallery > Micro Charts

Bar Options

Demonstrates several features of the Bar microChart.

Download Show C# Code Show VB Code

<%@ Page Language="C#" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">

void Page_Load(Object sender, EventArgs e)
{
// Demonstrates several features of the Bar microChart.

Chart.TempDirectory = "temp";
Chart.Background.Color = Color.FromArgb(249,249,255);
Chart.Size = "300x340";

string s = "<block fStyle='Bold'>Bar Type Options<block><hr>";
s += "Plain Bar: <Chart:Bar value='10' >";

// Specifying a scale maximum/minimum and negative values
s += "<row>Bar with scale max set <Chart:Bar value='10' max='20'>";
s += "<row>Bar with scale max & min <Chart:Bar value='10' max='20' min='-20'>";
s += "<row>Bar with negative values <Chart:Bar value='-10' max='0'><hr>";

// Specifying a color and background color
s += "<row>Bar Fully Colored <Chart:Bar value='10' colors='LightSteelBlue,Silver' >";

// Using a transparent background color
s += "<row>Transparent Background <Chart:Bar value='10' colors='LightSteelBlue,Transparent' ><hr>";

// Shading effect modes.
s += "<row>Bar Shading 1 <Chart:Bar value='10' shading='1' color='LightSteelBlue'>";
s += "<row>Bar Shading 2 <Chart:Bar value='10' shading='2' color='PeachPuff'>";
s += "<row>Bar Shading 3 <Chart:Bar value='10' shading='3' color='Lavender'>";
s += "<row>Bar Shading 4 <Chart:Bar value='10' shading='4' color='LightSteelBlue'>";
s += "<row>Bar Shading 5 <Chart:Bar value='10' shading='5' color='Aquamarine'>";
s += "<row>Bar Shading 6 <Chart:Bar value='10' shading='6' color='LightSteelBlue'>";
s += "<row>Bar Shading 7 <Chart:Bar value='10' shading='7' color='LightSteelBlue'><hr>";

// Specifying a new size
s += "<row>Bar with specified size <Chart:Bar value='10' max='20' width='150' height='15' color='Bisque'>";

Chart.ObjectChart = new dotnetCHARTING.Label(s);
}

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

<%@ Page Language="vb" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">

Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
' Demonstrates several features of the Bar microChart.

Chart.TempDirectory = "temp"
Chart.Background.Color = Color.FromArgb(249,249,255)
Chart.Size = "300x340"

Dim s As String = "<block fStyle='Bold'>Bar Type Options<block><hr>"
s &= "Plain Bar: <Chart:Bar value='10' >"

' Specifying a scale maximum/minimum and negative values
s &= "<row>Bar with scale max set <Chart:Bar value='10' max='20'>"
s &= "<row>Bar with scale max & min <Chart:Bar value='10' max='20' min='-20'>"
s &= "<row>Bar with negative values <Chart:Bar value='-10' max='0'><hr>"

' Specifying a color and background color
s &= "<row>Bar Fully Colored <Chart:Bar value='10' colors='LightSteelBlue,Silver' >"

' Using a transparent background color
s &= "<row>Transparent Background <Chart:Bar value='10' colors='LightSteelBlue,Transparent' ><hr>"

' Shading effect modes.
s &= "<row>Bar Shading 1 <Chart:Bar value='10' shading='1' color='LightSteelBlue'>"
s &= "<row>Bar Shading 2 <Chart:Bar value='10' shading='2' color='PeachPuff'>"
s &= "<row>Bar Shading 3 <Chart:Bar value='10' shading='3' color='Lavender'>"
s &= "<row>Bar Shading 4 <Chart:Bar value='10' shading='4' color='LightSteelBlue'>"
s &= "<row>Bar Shading 5 <Chart:Bar value='10' shading='5' color='Aquamarine'>"
s &= "<row>Bar Shading 6 <Chart:Bar value='10' shading='6' color='LightSteelBlue'>"
s &= "<row>Bar Shading 7 <Chart:Bar value='10' shading='7' color='LightSteelBlue'><hr>"

' Specifying a new size
s &= "<row>Bar with specified size <Chart:Bar value='10' max='20' width='150' height='15' color='Bisque'>"

Chart.ObjectChart = New dotnetCHARTING.Label(s)
End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

Sample FilenameGallery/MicroBarOptions.aspx
Version5.2
Uses DatabaseNo

JS Charting

Gallery

Bar Options