This is a migrated thread and some comments may be shown as answers.

Chart "padding"

1 Answer 61 Views
Chart
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Igor
Top achievements
Rank 1
Igor asked on 05 Sep 2014, 04:07 PM
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:

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

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 http://pastebin.com/t3cGq4iS.

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

1 Answer, 1 is accepted

Sort by
0
Rosy Topchiyska
Telerik team
answered on 08 Sep 2014, 01:18 PM
Hello Igor,

Thank you for contacting us.

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

I hope this helps.

Regards,
Rosy Topchiyska
Telerik
 

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.

 
Tags
Chart
Asked by
Igor
Top achievements
Rank 1
Answers by
Rosy Topchiyska
Telerik team
Share this question
or