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

Welcome to the SciChart Community Forums!

Please use the forums below to ask questions about SciChart. Take a moment to read our Question asking guidelines on how to ask a good question and our support policy. We also have a tag=SciChart on Stackoverflow.com where you can earn rep for your questions!

Please note: SciChart team will only answer questions from customers with active support subscriptions. Expired support questions will be ignored. If your support status shows incorrectly, contact us and we will be glad to help.

1
0

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?

Version
4.2
Images
  • You must to post comments
1
0

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:
https://www.scichart.com/documentation/v4.x/webframe.html#Axis%20Styling%20-%20Templating%20Axis%20Labels.html

Hope this helps!

Best regards,
Yuriy

  • You must to post comments
1
0

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>

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

In my view:

[...]
        <s:SciChartSurface.YAxis>
            <s:NumericAxis
                x:Name="YAxis" 
                AxisTitle="{Binding Title}" 
                TitleStyle="{StaticResource LeftAxisTitleStyle}" 
                Style="{DynamicResource LeftAxisStyle}"
                FlipCoordinates="{Binding InverseYAxis}"
                s:CursorModifier.AxisLabelContainerStyle="{DynamicResource VisibleAxisLabelStyle}"/>
        </s:SciChartSurface.YAxis>
[...]
  • Yuriy
    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.