Drawing Axis Lines

[sgomez84]

Hi,

I was wondering how I can add axis lines the X and Y lines with thicker stroke in the middle of the Canvas and stretching all the way to the edges. Also, I would like to make it not selectable.

Some light on this would be nice.

[mircea21S]

Hi,

Defining the stroke and thickness for those lines is up to you and your DataTemplate used for that Line.

To make them stretch all the way to the edges, you need to set the start position and the end position, to the ViewportRect property values. You can see how I draw lines in the RichCanvasDemo.

To make it not selectable, just set IsSelectable to false. Go through the Wiki on GitHub to find out more.

[sgomez84]

Hi @mircea21S
Thank you for your suggestion, but I had done exactly that and I don't see the line across the viewport. Am I missing something?

The ViewportRect returns Infinity.

I added the line to RichItemsControlStyle.xaml in between the Canvas like this:

<!-- Horizontal Axis Line -->
<Line X1="0"
      Y1="{Binding Path=ViewPortRect.Height, Converter={StaticResource HeightToYConverter}}"
      X2="{Binding Path=ViewPortRect.Width}"
      Y2="{Binding Path=ViewPortRect.Height, Converter={StaticResource HeightToYConverter}}"
      Stroke="IndianRed"
      StrokeThickness="4"/>

Please help, thanks in advance.

[mircea21S]

Hi!

Well, what you're doing there is changing the library itself by modifying the RichItemsControlStyle.xaml.
If you want to do it this way, have a look at how the SelectionRectangle is added on the Canvas.