Chart "padding"

2 posts, 0 answers
  1. Igor
    Igor avatar
    29 posts
    Member since:
    Mar 2012

    Posted 05 Sep 2014 Link to this post

    I have a chart representing changes of a product price in time, see the attached image. Horizontal axis is a DateTimeCategoricalAxis with dates grouped by Month and vertical axis is LineSeries with this PointTemplate to create a circle:

        <Grid Margin="0,0,0,0">
            <Ellipse Width="8" Height="8" Fill="{StaticResource LightBlue}" />
            <Ellipse Width="2" Height="2" Fill="White" />

    When you look closely at the attached image, you will see that for the first point, the left half of the circle is cut off because there is no space for it. For the last point, the right half is cut off for the same reason. The whole chart definition is here

    Is there a way to give the chart some "padding" so there is additional space on the sides to correctly show the circles?

  2. Rosy Topchiyska
    Rosy Topchiyska avatar
    547 posts

    Posted 08 Sep 2014 Link to this post

    Hello Igor,

    Thank you for contacting us.

    You can use the series ClipToPlotArea property and set it to false.

    I hope this helps.

    Rosy Topchiyska

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft banner
Back to Top