Annotation label on top of data | Fast, Native Chart Controls for WPF, iOS, Android and Xamarin

Hi,

I’m using 2 annotation markers, one horizontal and one vertical.

In xaml:

            &lt;SciChart:SciChartSurface.Annotations&gt;
                &lt;SciChart:HorizontalLineAnnotation HorizontalAlignment=&quot;Stretch&quot; IsEditable=&quot;True&quot; LabelPlacement=&quot;Axis&quot; LabelTextFormatting=&quot;0.0&quot; ShowLabel=&quot;True&quot; Stroke=&quot;Orange&quot; StrokeThickness=&quot;2&quot; Y1=&quot;{Binding Path=UpRightMarkerYPos, Mode=TwoWay}&quot; IsHidden=&quot;{Binding Path=TimeChartMarkerIsHidden}&quot;/&gt;
                &lt;SciChart:VerticalLineAnnotation VerticalAlignment=&quot;Stretch&quot; IsEditable=&quot;True&quot; LabelPlacement=&quot;Axis&quot; LabelTextFormatting=&quot;0.0&quot; ShowLabel=&quot;True&quot; Stroke=&quot;Orange&quot; StrokeThickness=&quot;2&quot; X1=&quot;{Binding Path=BowMarkerXPos, Mode=TwoWay}&quot; IsHidden=&quot;{Binding Path=TimeChartMarkerIsHidden}&quot;/&gt;
            &lt;/SciChart:SciChartSurface.Annotations&gt;

I’ve set the LabelPlacement on Axis, so I expect that the labels will not be drawn over the graphical data.
It works fine for the Vertical one, but the horizontal marker will display the label over the data, so I can’t see a part of my graph anymore.
How can I position the label so it will not be on top of the graphical data?

Thanks,
Egbert

Images

WPF

EJansen asked 5 years ago

You must login to post comments

Answers (1)

Hi there,

This is by-design behavior, which prevents labels to be clipped if they’re wider then the axis they are placed on. But you can work around it in such a way:

                <s:HorizontalLineAnnotation HorizontalAlignment="Stretch"
                                            IsEditable="True"
                                            StrokeThickness="2"
                                            Y1="..."
...>
 <!-- add small offset as a workaround -->
                    <s:AnnotationLabel LabelPlacement="Axis"
                                       TextFormatting="0.0"
                                       Canvas.Left="-5"/>
                </s:HorizontalLineAnnotation>

Or you can rotate the label:

                <s:HorizontalLineAnnotation HorizontalAlignment="Stretch"
                                            IsEditable="True"
                                            StrokeThickness="2"
                                            Y1="...">
                    <s:AnnotationLabel LabelPlacement="Axis"
                                       TextFormatting="0.0"
                                       RotationAngle="90"
                                       Canvas.Right="0"/>
                </s:HorizontalLineAnnotation>

Please, let us know if any of these is suitable for you,

Best regards,
Yuriy

Yuriy answered 5 years ago

- EJansen
- 5 years ago
Hi,It could be an option if it works, but now the formatting does not work anymore... (see attachments)Best regards, Egbert
- Yuriy
- 5 years ago
Hi Egbert,You should set ShowLabel="False"(by default) from annotations definitions to prevent second label from being shown. Now you have two overlapped labels, the first is automatically created by ShowLabel="True", and the second is created explicitly in the markup I post above.Hope this helps!Best regards, Yuriy

You must login to post comments

Your Answer

Please login first to submit.