Xceed Logo
Shop
Xceed Toolkit Plus for WPF v5.0 Documentation
Xceed.Wpf.Toolkit Assembly / Xceed.Wpf.Toolkit.Chart Namespace / Area Class
Members Example


In This Topic
    Area Class
    In This Topic
    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

    Send Feedback