JS Bar Full Options
Demonstrates several features of barFull type microchart options.
<%@ 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 barFull type microchart options.
Chart.JS.Enabled = true;
Chart.Size = "450x450";
Chart.TempDirectory = "temp";
Chart.Background.Color = Color.FromArgb(249,249,255);
Chart.ChartArea.ClearColors();
Chart.JS.Buttons.EnableExportButton = false;
Chart.JS.Buttons.EnablePrintButton = false;
string s = "<span style='font-size:14px; font-weight: bold;'>BarFull Types and Options</span><hr><ul>";
// Plain full bar
s += "<li><span style='width:200px'>Plain Full Bar</span><Chart:BarFull margin='3' values='10,8,3' ></li>";
// BarFull using the simpleColor feature.
s += "<li><span style='width:200px'>SimpleColor Gray</span><Chart:BarFull margin='3' values='10,8,3' color=Gray></li>";
s += "<li><span style='width:200px'>SimpleColor LightSteelBlue</span><Chart:BarFull margin='3' values='10,8,3' color='LightSteelBlue'><hr></li>";
// Bar Full Shading Effect Modes.
s += "<li><span style='width:200px'>Bar Shading 1:</span><Chart:BarFull margin='3' values='10,8,3' shading='1'></li>";
s += "<li><span style='width:200px'>Bar Shading 2</span><Chart:BarFull margin='3' values='10,8,3' shading='2'></li>";
s += "<li><span style='width:200px'>Bar Shading 3</span><Chart:BarFull margin='3' values='10,8,3' shading='3'></li>";
s += "<li><span style='width:200px'>Bar Shading 4</span><Chart:BarFull margin='3' values='10,8,3' shading='4'></li>";
s += "<li><span style='width:200px'>Bar Shading 5</span><Chart:BarFull margin='3' values='10,8,3' shading='5'><hr></li>";
// Specifying a color palette
s += "<li><span style='width:200px'>Shaded with Palette</span> <Chart:BarFull margin='3' values='10,8,3' colors='#31FF31,#FFFF00,#FF6331,#009CFF' shading='3'></li>";
s += "<li><span style='width:200px'>Shaded with SimpleColor</span><Chart:BarFull margin='3' values='10,8,3' color='DeepSkyBlue' shading='7'><hr></li>";
// Specifying a size.
s += "<li><span style='width:200px'>Bar with specified size</span><Chart:BarFull margin='3' values='10,8,3' width='150' height='15' ></li>";
s += "</ul></span>";
Chart.ObjectChart = new dotnetCHARTING.Label(s);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
<style type="text/css">
</style>
</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 barFull type microchart options.
Chart.JS.Enabled = True
Chart.Size = "450x450"
Chart.TempDirectory = "temp"
Chart.Background.Color = Color.FromArgb(249,249,255)
Chart.ChartArea.ClearColors()
Chart.JS.Buttons.EnableExportButton = False
Chart.JS.Buttons.EnablePrintButton = False
Dim s As String = "<span style='font-size:14px; font-weight: bold;'>BarFull Types and Options</span><hr><ul>"
' Plain full bar
s &= "<li><span style='width:200px'>Plain Full Bar</span><Chart:BarFull margin='3' values='10,8,3' ></li>"
' BarFull using the simpleColor feature.
s &= "<li><span style='width:200px'>SimpleColor Gray</span><Chart:BarFull margin='3' values='10,8,3' color=Gray></li>"
s &= "<li><span style='width:200px'>SimpleColor LightSteelBlue</span><Chart:BarFull margin='3' values='10,8,3' color='LightSteelBlue'><hr></li>"
' Bar Full Shading Effect Modes.
s &= "<li><span style='width:200px'>Bar Shading 1:</span><Chart:BarFull margin='3' values='10,8,3' shading='1'></li>"
s &= "<li><span style='width:200px'>Bar Shading 2</span><Chart:BarFull margin='3' values='10,8,3' shading='2'></li>"
s &= "<li><span style='width:200px'>Bar Shading 3</span><Chart:BarFull margin='3' values='10,8,3' shading='3'></li>"
s &= "<li><span style='width:200px'>Bar Shading 4</span><Chart:BarFull margin='3' values='10,8,3' shading='4'></li>"
s &= "<li><span style='width:200px'>Bar Shading 5</span><Chart:BarFull margin='3' values='10,8,3' shading='5'><hr></li>"
' Specifying a color palette
s &= "<li><span style='width:200px'>Shaded with Palette</span> <Chart:BarFull margin='3' values='10,8,3' colors='#31FF31,#FFFF00,#FF6331,#009CFF' shading='3'></li>"
s &= "<li><span style='width:200px'>Shaded with SimpleColor</span><Chart:BarFull margin='3' values='10,8,3' color='DeepSkyBlue' shading='7'><hr></li>"
' Specifying a size.
s &= "<li><span style='width:200px'>Bar with specified size</span><Chart:BarFull margin='3' values='10,8,3' width='150' height='15' ></li>"
s &= "</ul></span>"
Chart.ObjectChart = New dotnetCHARTING.Label(s)
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
<style type="text/css">
</style>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>
Previous