Line chart with symbols?

2 posts, 0 answers
  1. Brian
    Brian avatar
    73 posts
    Member since:
    Sep 2010

    Posted 18 Nov 2011 Link to this post

    Is it possible to produce a line chart that has symbols for various points on the chart?  See the attached image for an example of what I'm referring to.
    I'd like to create a line chart that has a symbol every nth point.  For example, the attached image is a line chart that has a symbol every 10th point.
    Tks.
  2. Sia
    Admin
    Sia avatar
    756 posts

    Posted 23 Nov 2011 Link to this post

    Hi Brian,

    You can use a similar approach as the shown in this example. The main idea is to bind the visibility in the point marks' template to a property in your view model.

    Here is the default point mark's template:
    <Style  x:Key="CustomPoint" TargetType="telerikCharting:PointMark">
        <Setter Property="Size" Value="10" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerikCharting:PointMark">
                    <Canvas>
                        <Path x:Name="PART_PointMarkPath"
                            Canvas.Left="{TemplateBinding PointMarkCanvasLeft}"
                            Canvas.Top="{TemplateBinding PointMarkCanvasTop}"
                            Style="{TemplateBinding ShapeStyle}"
                            Width="{TemplateBinding Size}"
                            Height="{TemplateBinding Size}"
                            Stretch="Uniform">
                            <Path.Data>
                                <PathGeometry x:Name="PART_PointMarkPathGeometry" />
                            </Path.Data>
                        </Path>
                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    and this style can be set through the exposed PointMarkItemStyle property of the Line series definition.

    Regards,
    Sia
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top