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


In This Topic
    Axis Class
    In This Topic
    Represents an axis.
    Syntax
    'Declaration
     
    <DefaultPropertyAttribute("Content")>
    <ContentPropertyAttribute("Content")>
    <LocalizabilityAttribute(LocalizationCategory.None, Readability=Readability.Unreadable)>
    <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 Axis 
       Inherits GridLine
    'Usage
     
    Dim instance As Axis
    [DefaultProperty("Content")]
    [ContentProperty("Content")]
    [Localizability(LocalizationCategory.None, Readability=Readability.Unreadable)]
    [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 Axis : GridLine 
    Example
    The following shows how to configure various properties of the x-axis and the y-axis of a chart.
    <Window x:Class="WpfApplication56.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
            Title="MainWindow" Height="350" Width="525">
        <Window.Resources>
            <DataTemplate x:Key="AxisTitleTemplate">
                <Border DockPanel.Dock="Top" BorderThickness="1" CornerRadius="4">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                            <GradientStop Color="White" Offset="0.0" />
                            <GradientStop Color="Blue" Offset="1.0" />
                        </LinearGradientBrush>
                    </Border.Background>
    
                    <TextBlock FontFamily="Comic Sans MS" FontSize="18" Margin="2,2,2,1"
    				            HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Path=Text}">
    					<TextBlock.Foreground>
    						<SolidColorBrush Color="Black"/>
    					</TextBlock.Foreground>
                    </TextBlock>
                </Border>
            </DataTemplate>
    
            <DataTemplate x:Key="GridTemplateX">
                <Canvas Width="{Binding Path=W}" Height="{Binding Path=H}">
                    <Polyline Points="{Binding Path=Points}" StrokeThickness="1" Stroke="Red" StrokeDashArray="1 5 1 1" />
                </Canvas>
            </DataTemplate>
    
            <DataTemplate x:Key="GridTemplateY">
                <Canvas Width="{Binding Path=W}" Height="{Binding Path=H}">
                    <Polyline  Points="{Binding Path=Points}" StrokeThickness="1" Stroke="Green" StrokeDashArray="8 3 1 3"/>
                </Canvas>
            </DataTemplate>
    
            <DataTemplate x:Key="TickTemplateX">
                <Canvas Width="{Binding Path=W}" Height="{Binding Path=H}">
                    <Line X1="{Binding Path=XStart}" Y1="{Binding Path=YStart}" X2="{Binding Path=XEnd}" Y2="{Binding Path=YEnd}" StrokeThickness="5" Stroke="Red"/>
                </Canvas>
            </DataTemplate>
    
            <DataTemplate x:Key="TickTemplateY">
                <Canvas Width="{Binding Path=W}" Height="{Binding Path=H}">
                    <Line  X1="{Binding Path=XStart}" Y1="{Binding Path=YStart}" X2="{Binding Path=XEnd}" Y2="{Binding Path=YEnd}" StrokeThickness="5" Stroke="Green"/>
                </Canvas>
            </DataTemplate>
    
            <DataTemplate x:Key="ArrowTemplate">
                <Polyline Points="{Binding Path=Points}"
    					  StrokeThickness="2" Stroke="Blue"/>
            </DataTemplate>
    
            <DataTemplate x:Key="LabelTemplateX">
                <Border DockPanel.Dock="Top" BorderThickness="1" CornerRadius="4">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                            <GradientStop Color="Yellow" Offset="0.0" />
                            <GradientStop Color="Red" Offset="1.0" />
                        </LinearGradientBrush>
                    </Border.Background>
    
                    <TextBlock FontFamily="Comic Sans MS" FontSize="18" Margin="2,2,2,1"
    				  HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Path=Text}">
    					<TextBlock.Foreground>
    						<SolidColorBrush Color="Black"/>
    					</TextBlock.Foreground>
                    </TextBlock>
                </Border>
            </DataTemplate>
    
            <DataTemplate x:Key="LabelTemplateY">
                <Border DockPanel.Dock="Top" BorderThickness="1" CornerRadius ="4">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                            <GradientStop Color="Yellow" Offset="0.0" />
                            <GradientStop Color="LimeGreen" Offset="1.0" />
                        </LinearGradientBrush>
                    </Border.Background>
    
                    <TextBlock FontFamily="Comic Sans MS" FontSize="18" Margin="2,2,2,1"
    				  HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Path=Text}">
    					<TextBlock.Foreground>
    						<SolidColorBrush Color="Black"/>
    					</TextBlock.Foreground>
                    </TextBlock>
                </Border>
            </DataTemplate>
    
            <DataTemplate x:Key="AxisTemplate">
                <Polyline Points="{Binding Path=Points}"
    				  StrokeThickness="2" Stroke="Blue"/>
            </DataTemplate>
        </Window.Resources>
        <Grid>
            <xctk:Chart>
                <xctk:Chart.Areas>
                    <xctk:Area x:Name="_area1" Title="Area #1" >
                        <xctk:Area.XAxis>
                            <xctk:Axis LabelsType="Labels" GraduationMode="Manual"
                                AxisTitleTemplate="{StaticResource AxisTitleTemplate}"
                                            GridTemplate="{StaticResource GridTemplateX}"
                                            TickTemplate="{StaticResource TickTemplateX}"
                                            ArrowTemplate="{StaticResource ArrowTemplate}"
                                            LabelTemplate="{StaticResource LabelTemplateX}">
                                <xctk:Axis.Template>
                                    <ControlTemplate TargetType="{x:Type xctk:Axis}">
                                        <ContentPresenter ContentTemplate="{StaticResource AxisTemplate}"/>
                                    </ControlTemplate>
                                </xctk:Axis.Template>
    
                                <xctk:Axis.Arrow>
                                    <xctk:Arrow Length="20" Thickness="10"/>
                                </xctk:Axis.Arrow>
                            </xctk:Axis>
                        </xctk:Area.XAxis>
                        <xctk:Area.YAxis>
                            <xctk:Axis Reversed="true"
                                            AxisTitleTemplate="{StaticResource AxisTitleTemplate}"
                                            GridTemplate="{StaticResource GridTemplateY}"
                                            TickTemplate="{StaticResource TickTemplateY}"
                                            ArrowTemplate="{StaticResource ArrowTemplate}"
                                            LabelTemplate="{StaticResource LabelTemplateY}">
                                <xctk:Axis.Template>
                                    <ControlTemplate TargetType="{x:Type xctk:Axis}">
                                        <ContentPresenter ContentTemplate="{StaticResource AxisTemplate}"/>
                                    </ControlTemplate>
                                </xctk:Axis.Template>
    
                                <xctk:Axis.Arrow>
                                    <xctk:Arrow Length="20" Thickness="10"/>
                                </xctk:Axis.Arrow>
                            </xctk:Axis>
                        </xctk:Area.YAxis>
                        <xctk:Area.Series>
                            <xctk:Series x:Name="_series1"
                                              Spacing="20"
                                              ShowPointsInLegend="false"
                                              ShowHintLabels="false"
                                              HintLineLength="20">
                                <xctk:Series.Layout>
                                    <xctk:ColumnLayout />
                                </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>
        </Grid>
    </Window>
    Inheritance Hierarchy

    System.Object
       System.Windows.Threading.DispatcherObject
          System.Windows.DependencyObject
             System.Windows.Media.Visual
                System.Windows.UIElement
                   System.Windows.FrameworkElement
                      System.Windows.Controls.Control
                         System.Windows.Controls.ContentControl
                            Xceed.Wpf.Toolkit.Chart.ChartPrimitive
                               Xceed.Wpf.Toolkit.Chart.GridLine
                                  Xceed.Wpf.Toolkit.Chart.Axis

    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