SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript 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.