SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, and iOS Chart & Android Chart Components


For the image in attachement, the user choses which charts he wants to see. How do we align the y-axis labels to the right against the axis?

  • You must to post comments

Hi Mathias,

Thanks for your question. There is the TickLabelStyle property in AxisBase that allows to provide a style for axis labels. You need to provide a style and set there HorizontalAlignment to “Right”. Then set it on an axis which labels have to be aligned.

Here is the documentation article for reference:

Hope this helps!

Best regards,

  • You must to post comments

Thank you for the answer Yuriy but we’ve already tried that:

In my style ressource class:

<!-- Y Axis styling -->
<Style x:Key="LeftAxisStyle" TargetType="s:NumericAxis">
    <Setter Property="AxisAlignment" Value="Left"/>
    <Setter Property="AutoTicks" Value="True"/>
    <Setter Property="MinorsPerMajor" Value="5"/>
    <Setter Property="DrawMajorTicks" Value="True"/>
    <Setter Property="DrawMajorGridLines" Value="False"/>
    <Setter Property="DrawMinorTicks" Value="True"/>
    <Setter Property="DrawMinorGridLines" Value="False"/>
    <Setter Property="GrowBy" Value="0.05, 0.05"/>
    <Setter Property="Width" Value="65"/>
    <Setter Property="MajorGridLineStyle" Value="{DynamicResource MajorGridLineStyle}"/>
    <Setter Property="MinorGridLineStyle" Value="{DynamicResource MinorGridLineStyle}"/>
    <Setter Property="TickTextBrush" Value="{DynamicResource MainForegroundColor}"/>
    <Setter Property="TickLabelStyle" Value="{DynamicResource LeftAxisLabelStyle}"/>

<Style x:Key="LeftAxisLabelStyle" TargetType="s:DefaultTickLabel">
    <Setter Property="HorizontalAnchorPoint" Value="Right"/>
    <Setter Property="HorizontalAlignment" Value="Right"/>
    <Setter Property="HorizontalContentAlignment" Value="Right"/>

In my view:

                AxisTitle="{Binding Title}" 
                TitleStyle="{StaticResource LeftAxisTitleStyle}" 
                Style="{DynamicResource LeftAxisStyle}"
                FlipCoordinates="{Binding InverseYAxis}"
                s:CursorModifier.AxisLabelContainerStyle="{DynamicResource VisibleAxisLabelStyle}"/>
  • Yuriy Zadereckiy
    Hi Mathias, thanks for your reply. Taking closer look at the screenshot, I’ve noticed that the charts are aligned horizontally. Do you synchronize axis sizes using VerticalChartGroup?
  • Mathias Vanden Auweele
    Aaah that’s something new. We weren’t aware of the verticalchartgroup property and were setting a fixed axis width (I copied the wrong style in my previous post before, I edited it to the right one). That solved the problem, thanks!
  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.