ChartAreaLayout Class

Encapsulates a set of options that control the layout of multiple chart areas in a single chart image.

For a list of all members of this type, see ChartAreaLayout members.

Inheritance Hierarchy

System.Object
dotnetCHARTING.ChartAreaLayout

Syntax

[Visual Basic]
Public Class ChartAreaLayout

[C#]
public class ChartAreaLayout

Example

[Visual Basic]

<%@ Page Language="VB" Description="dotnetCHARTING Component" %>

<%@ Register TagPrefix="dotnet"  Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%>

<%@ Import Namespace="System.Drawing" %>

<HTML>

    <HEAD>

        <TITLE>.netCHARTING Sample</TITLE>

        <script runat="server">





Sub Page_Load(sender As [Object], e As EventArgs)



   Chart.Type = ChartType.Combo 'Horizontal;

   Chart.Width = Unit.Parse(500)

   Chart.Height = Unit.Parse(350)

   Chart.TempDirectory = "temp"

   Chart.Debug = True



   ' This sample will demonstrate how grid positions can be specified for multiple chart areas.

   ' *DYNAMIC DATA NOTE*

   ' This sample uses random data to populate the chart. To populate

   ' a chart with database data see the following resources:

   ' - Classic samples folder

   ' - Help File > Data Tutorials

   ' - Sample: features/DataEngine.aspx

   Dim mySC As SeriesCollection = getRandomData()



   ' First we create a new chart area and add it.

   Dim ca1 As New ChartArea()

   Chart.ExtraChartAreas.Add(ca1)



   ' In order to use grid positions the custom layout mode must be specified.

   Chart.ChartAreaLayout.Mode = ChartAreaLayoutMode.Custom



   ' The main chart area will be in position 0,0 (this is the default position)

   Chart.ChartArea.GridPosition = New Point(0, 0)

   ' The second chart area's position will be 1,1

   ca1.GridPosition = New Point(1, 1)





   ' Add the random a series each the custom chart area and main chart area.

   ca1.SeriesCollection.Add(mySC(0))

   Chart.SeriesCollection.Add(mySC(1))

End Sub 'Page_Load





Function getRandomData() As SeriesCollection

   Dim SC As New SeriesCollection()

   Dim myR As New Random()

   Dim a As Integer

   For a = 0 To 1

      Dim s As New Series()

      s.Name = "Series " & a

      Dim b As Integer

      For b = 0 To 3

         Dim e As New Element()

         e.Name = "Element " & 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)



   Return SC

End Function 'getRandomData

        </script>

    </HEAD>

    <BODY>

        <DIV align="center">

            <dotnet:Chart id="Chart" runat="server" Width="568px" Height="344px">

            </dotnet:Chart>

        </DIV>

    </BODY>

</HTML>

[C#]

<%@ Page Language="C#" Description="dotnetCHARTING Component" %> 
<%@ Register TagPrefix="dotnet"  Namespace="dotnetCHARTING" Assembly="dotnetCHARTING"%> 
<%@ Import Namespace="System.Drawing" %> 
<HTML> 
    <HEAD> 
        <TITLE>.netCHARTING Sample</TITLE> 
        <script runat="server"> 
 
void Page_Load(Object sender,EventArgs e) 
{ 
 
    Chart.Type = ChartType.Combo;//Horizontal; 
    Chart.Width = 500; 
    Chart.Height = 350; 
    Chart.TempDirectory = "temp"; 
    Chart.Debug = true; 
     
    // This sample will demonstrate how grid positions can be specified for multiple chart areas. 
     
    // *DYNAMIC DATA NOTE*  
    // This sample uses random data to populate the chart. To populate  
    // a chart with database data see the following resources: 
    // - Classic samples folder 
    // - Help File > Data Tutorials 
    // - Sample: features/DataEngine.aspx 
    SeriesCollection mySC = getRandomData(); 
     
    // First we create a new chart area and add it. 
    ChartArea ca1 = new ChartArea(); 
    Chart.ExtraChartAreas.Add(ca1); 
 
    // In order to use grid positions the custom layout mode must be specified. 
    Chart.ChartAreaLayout.Mode = ChartAreaLayoutMode.Custom; 
 
    // The main chart area will be in position 0,0 (this is the default position) 
    Chart.ChartArea.GridPosition = new Point(0,0); 
    // The second chart area's position will be 1,1 
    ca1.GridPosition = new Point(1,1); 
 
 
    // Add the random a series each the custom chart area and main chart area. 
    ca1.SeriesCollection.Add(mySC[0]); 
    Chart.SeriesCollection.Add(mySC[1]); 
     
} 
 
SeriesCollection getRandomData() 
{ 
    SeriesCollection SC = new SeriesCollection(); 
    Random myR = new Random(); 
    for(int a = 0; a < 2; a++) 
    { 
        Series s = new Series(); 
        s.Name = "Series " + a; 
        for(int b = 0; b < 4; b++) 
        { 
            Element e = new Element(); 
            e.Name = "Element " + 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); 
 
    return SC; 
} 
        </script> 
    </HEAD> 
    <BODY> 
        <DIV align="center"> 
            <dotnet:Chart id="Chart" runat="server" Width="568px" Height="344px"> 
            </dotnet:Chart> 
        </DIV> 
    </BODY> 
</HTML>

See Also

Language

ChartAreaLayout Class

Inheritance Hierarchy

Syntax

Example

See Also