JS Pie Options
Demonstrates several features of the Pie microChart.
<%@ 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 Pie microChart.
Chart.JS.Enabled = true;
Chart.Size = "380x560";
Chart.TempDirectory = "temp";
Chart.Background.Color = Color.FromArgb(249,249,255);
Chart.JS.Buttons.EnableExportButton = false;
Chart.JS.Buttons.EnablePrintButton = false;
string s = "<span style='font-size:14px; font-weight: bold;'>Pie & 3D Pie Type Options</span><hr><ul>";
s += "<li><span style='width:200px'>Plain Pie</span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6'></li>";
// Pie using the SimpleColor feature.
s += "<li><span style='width:200px'>Pie with SimpleColor Black</span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' color='Black' ></li>";
s += "<li><span style='width:200px'>Pie with SimpleColor Blue</span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' color='Blue' ></li>";
// Using a custom palette
s += "<li><span style='width:200px'>Pie with palette: </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' colors='#31FF31,#FFFF00,#FF6331,#009CFF' ><hr></li>";
// Shading effect modes are available with 2D pie microCharts.
s += "<li><span style='width:200px'>Pie Shading 1 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='1' size='70'></li>";
s += "<li><span style='width:200px'>Pie Shading 2 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='2' size='70'></li>";
s += "<li><span style='width:200px'>Pie Shading 3 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='3' size='70'></li>";
s += "<li><span style='width:200px'>Pie Shading 4 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='4' size='70'></li>";
s += "</ul></span>";
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 Pie microChart.
Chart.JS.Enabled = True
Chart.Size = "380x560"
Chart.TempDirectory = "temp"
Chart.Background.Color = Color.FromArgb(249,249,255)
Chart.JS.Buttons.EnableExportButton = False
Chart.JS.Buttons.EnablePrintButton = False
Dim s As String = "<span style='font-size:14px; font-weight: bold;'>Pie & 3D Pie Type Options</span><hr><ul>"
s &= "<li><span style='width:200px'>Plain Pie</span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6'></li>"
' Pie using the SimpleColor feature.
s &= "<li><span style='width:200px'>Pie with SimpleColor Black</span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' color='Black' ></li>"
s &= "<li><span style='width:200px'>Pie with SimpleColor Blue</span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' color='Blue' ></li>"
' Using a custom palette
s &= "<li><span style='width:200px'>Pie with palette: </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' colors='#31FF31,#FFFF00,#FF6331,#009CFF' ><hr></li>"
' Shading effect modes are available with 2D pie microCharts.
s &= "<li><span style='width:200px'>Pie Shading 1 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='1' size='70'></li>"
s &= "<li><span style='width:200px'>Pie Shading 2 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='2' size='70'></li>"
s &= "<li><span style='width:200px'>Pie Shading 3 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='3' size='70'></li>"
s &= "<li><span style='width:200px'>Pie Shading 4 </span><Chart:Pie margin='3' verticalAlign=middle values='10,14,5,6' shading='4' size='70'></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>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>
Previous