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

[Solved] custom scatter point mark image clipping off at the boundaries of chart

3 Answers 87 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.

Sanjay asked on 20 Feb 2012, 11:45 AM

Clipped-point.png

I have a scatter series custom scatter points with image as a point mark. Scatter point are dispalying properly on chart except while on the boundaries. On the boundaries image of the custom scatter point is cliipping off. How can i solve this clipping problem?
Refer the attached image.

<Style x:Key="CustomPointStyle" TargetType="telerikCharting:PointMark">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="telerikCharting:PointMark">

<Canvas >

<Border x:Name="PART_TextContainer">

<Image x:Name="PART_Image" Width="20" Height="20"

Source="Images/notifications.png" />

</Border>

</Canvas>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<Style x:Key="CustomScatter" TargetType="telerikCharting:ScatterPoint">

<Setter Property="Template" >

<Setter.Value>

<ControlTemplate TargetType="telerikCharting:ScatterPoint">

<Canvas x:Name="PART_MainContainer">

<telerikCharting:PointMark x:Name="PART_PointMark"

Canvas.Top="{TemplateBinding StartPointY}"

PointMarkCanvasLeft="{TemplateBinding PointMarkCanvasLeft}"

PointMarkCanvasTop="{TemplateBinding PointMarkCanvasTop}"

ShapeStyle="{TemplateBinding PointMarkShapeStyle}"

Style="{StaticResource CustomPointStyle}"

Size="{TemplateBinding PointSize}"/>

</Canvas>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

3 Answers, 1 is accepted

Accepted