.net Charting Gallery Sample

Sample: Gallery/a36

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

<script runat="server">

SeriesCollection getRandomData()
{
      SeriesCollection SC = new SeriesCollection();
      Random myR = new Random();
      for(int a = 0; a < 4; a++)
      {
            Series s = new Series();
            s.Name = "Series " + a;
            for(int b = 0; b < 5; b++)
            {
                  Element e = new Element();
                  e.Name = "E " + b;
                  e.YValue = myR.Next(50);
                  s.Elements.Add(e);
            }
            SC.Add(s);
      }
// Set Different Colors for our Series
      SC[0].DefaultElement.Color = Color.FromArgb(49,255,49);
      SC[1].DefaultElement.Color = Color.FromArgb(255,255,0);
      SC[2].DefaultElement.Color = Color.FromArgb(255,99,49);
      SC[3].DefaultElement.Color = Color.FromArgb(0,156,255);

      return SC;
}

void Page_Load(Object sender,EventArgs e)
{
      // Set the title.
      Chart.Title="My Chart";

      // Set the Depth
      Chart.Depth = 15;

      // Set 3D
      Chart.Use3D = false;

      // set the x axis clustering
      Chart.XAxis.ClusterColumns = false;

      // Set a default transparency
      Chart.DefaultSeries.DefaultElement.Transparency = 20;

      // Set the Default Series Type
      Chart.DefaultSeries.Type = SeriesType.AreaLine;

      // Set the y Axis Scale
      Chart.YAxis.Scale = Scale.FullStacked;

      // Set the x axis label
      Chart.XAxis.Label.Text="X Axis Label";

      // Set the y axis label
      Chart.YAxis.Label.Text="Y Axis Label";

      // Set the directory where the images will be stored.
      Chart.TempDirectory="temp";

      // Set he chart size.
      Chart.Width = 600;
      Chart.Height = 350;

      // Add the random data.
      Chart.SeriesCollection.Add(getRandomData());

}
</script>
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Gallery Sample</title></head>
<body>
<div style="text-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">

Function getRandomData() As SeriesCollection
Dim SC As New SeriesCollection()
Dim myR As New Random()
Dim a As Integer
For a = 0 To 3
       Dim s As New Series()
       s.Name = "Series " & a
       Dim b As Integer
       For b = 0 To 4
       Dim e As New Element()
       e.Name = "E " & b
       e.YValue = myR.Next(50)
       s.Elements.Add(e)
       Next b
       SC.Add(s)
Next a
' Set Different Colors for our Series
SC(0).DefaultElement.Color = Color.FromArgb(49, 255, 49)
SC(1).DefaultElement.Color = Color.FromArgb(255, 255, 0)
SC(2).DefaultElement.Color = Color.FromArgb(255, 99, 49)
SC(3).DefaultElement.Color = Color.FromArgb(0, 156, 255)

Return SC
End Function 'getRandomData

Sub Page_Load(sender As [Object], e As EventArgs)
' Set the title.
Chart.Title = "My Chart"

' Set the Depth
Chart.Depth = Unit.Parse(15)

' Set 3D
Chart.Use3D = False

' set the x axis clustering
Chart.XAxis.ClusterColumns = False

' Set a default transparency
Chart.DefaultSeries.DefaultElement.Transparency = 20

' Set the Default Series Type
Chart.DefaultSeries.Type = SeriesType.AreaLine

' Set the y Axis Scale
Chart.YAxis.Scale = Scale.FullStacked

' Set the x axis label
Chart.XAxis.Label.Text = "X Axis Label"

' Set the y axis label
Chart.YAxis.Label.Text = "Y Axis Label"

' Set the directory where the images will be stored.
Chart.TempDirectory = "temp"

' Set he chart size.
Chart.Size = "600x350"

' Add the random data.
Chart.SeriesCollection.Add(getRandomData())
End Sub 'Page_Load

</script>
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Gallery Sample</title></head>
<body>
<div style="text-align:center">
<dotnet:Chart id="Chart" runat="server"/>
</div>
</body>
</html>