Area Class

Used to display charts and a grid with axes and labels.

Syntax

Visual Basic
C#

'Declaration
 
<LocalizabilityAttribute(LocalizationCategory.Ignore)>
<ContentPropertyAttribute("Children")>
<StyleTypedPropertyAttribute(Property="FocusVisualStyle", StyleTargetType=System.Windows.Controls.Control)>
<XmlLangPropertyAttribute("Language")>
<UsableDuringInitializationAttribute(True)>
<RuntimeNamePropertyAttribute("Name")>
<UidPropertyAttribute("Uid")>
<TypeDescriptionProviderAttribute(MS.Internal.ComponentModel.DependencyObjectProvider)>
<NameScopePropertyAttribute("NameScope", System.Windows.NameScope)>
Public Class Area 
   Inherits System.Windows.Controls.Panel

'Usage
 
Dim instance As Area

[Localizability(LocalizationCategory.Ignore)]
[ContentProperty("Children")]
[StyleTypedProperty(Property="FocusVisualStyle", StyleTargetType=System.Windows.Controls.Control)]
[XmlLangProperty("Language")]
[UsableDuringInitialization(true)]
[RuntimeNameProperty("Name")]
[UidProperty("Uid")]
[TypeDescriptionProvider(MS.Internal.ComponentModel.DependencyObjectProvider)]
[NameScopeProperty("NameScope", System.Windows.NameScope)]
public class Area : System.Windows.Controls.Panel

Remarks

An Area contains a list of Series objects and x- and y-axes.

If not set explicitly, default x- and y-axes will be displayed.

Example

The following shows how to set up an Area within a Chart control, using unbound data and explicitly adding an x-axis and a y-axis

XAML

<xctk:Chart>
  <xctk:Chart.Areas>
    <xctk:Area x:Name="_area1" Title="Area #1">
      <xctk:Area.XAxis>

        <xctk:Axis x:Name="_xAxis"
                                LabelsType="Numeric"
                                GraduationMode="Automatic"
                                TicksCount="10"
                                ScaleMode="Automatic"
                                CustomRangeStart="0"
                                CustomRangeEnd="10"
                                Title="X Axis"
                                TitleMargin="10"
                                AxisLabelsLayout="ShowAll"
                                ShowArrow="False"
                                ShowAxis="True"
                                ShowGridLines="True"
                                ShowTicks="True"
                                ShowTickLabels="True"
                                ShowAxisLabel="True"
                                Reversed="False"/>
      </xctk:Area.XAxis>
      <xctk:Area.YAxis>
        <xctk:Axis x:Name="_yAxis"
                                LabelsType="Numeric"
                                GraduationMode="Automatic"
                                TicksCount="10"
                                ScaleMode="Automatic"
                                CustomRangeStart="0"
                                CustomRangeEnd="10"
                                Title="Y Axis"
                                TitleMargin="10"
                                AxisLabelsLayout="ShowAll"
                                ShowArrow="False"
                                ShowAxis="True"
                                ShowGridLines="True"
                                ShowTicks="True"
                                ShowTickLabels="True"
                                ShowAxisLabel="True"
                                Reversed="False"/>
      </xctk:Area.YAxis>

      <xctk:Area.Series>
        <xctk:Series x:Name="_series"
                      DefaultInterior="BlueViolet"
                      Spacing="20"
                      Title="Average"
                      ShowPointsInLegend="false"
                      ShowHintLabels="false"
                      HintLineLength="20">
          <xctk:Series.Layout>
            <xctk:LineLayout />
          </xctk:Series.Layout>
          <xctk:Series.DataPoints>
            <xctk:DataPoint X="1" Y="1" Label="Oct" />
            <xctk:DataPoint X="2" Y="2" Label="Jan"/>
            <xctk:DataPoint X="2.5" Y="1.5" Label="Feb" />
            <xctk:DataPoint X="4" Y="1" Label="Jun"/>
            <xctk:DataPoint X="1.5" Y="3" Label="Dec"/>
            <xctk:DataPoint X="5" Y="5" Label="Apr"/>
            <xctk:DataPoint X="3" Y="1" Label="Nov"/>
            <xctk:DataPoint X="4.5" Y="7" Label="Jul"/>
            <xctk:DataPoint X="3.5" Y="4.5" Label="Aug"/>
          </xctk:Series.DataPoints>
        </xctk:Series>
      </xctk:Area.Series>
    </xctk:Area>
  </xctk:Chart.Areas>
</xctk:Chart>

Inheritance Hierarchy

System.Object
   System.Windows.Threading.DispatcherObject
      System.Windows.DependencyObject
         System.Windows.Media.Visual
            System.Windows.UIElement
               System.Windows.FrameworkElement
                  System.Windows.Controls.Panel
                     Xceed.Wpf.Toolkit.Chart.Area

Requirements

Target Platforms: Windows 11, Windows 10, Windows 7, Windows Vista SP1 or later, Windows XP SP3, Windows Server 2008 (Server Core not supported), Windows Server 2008 R2 (Server Core supported with SP1 or later), Windows Server 2003 SP2

Reference

Area Members
Xceed.Wpf.Toolkit.Chart Namespace