Xceed Toolkit Plus for WPF v4.6 Documentation
Area Class
Members  Example 


Xceed.Wpf.Toolkit Assembly > Xceed.Wpf.Toolkit.Chart Namespace : Area Class
Used to display charts and a grid with axes and labels.
Syntax
'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
<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

See Also

Reference

Area Members
Xceed.Wpf.Toolkit.Chart Namespace