How to style or show PointMark inside Chart

2 posts, 0 answers
  1. Petri
    Petri avatar
    1 posts
    Member since:
    Aug 2015

    Posted 08 Sep 2015 Link to this post


    I would like to have PointMark on the line chart or area Chart. How can I have it? Like attachment. And this is code of my chart.

                                <Chart:RadCartesianChart Height="225" VerticalAlignment="Bottom" Background="#FF3F5852" Name="cartesianChart" >
                                        <Style x:Key="CustomAxisLineStyle" TargetType="Line">
                                            <Setter Property="Stroke" Value="Gray" />
                                            <Setter Property="StrokeThickness" Value="1" />
                                        <Style x:Key="ticks" TargetType="Rectangle">
                                            <Setter Property="Fill" Value="Green"/>

                                        <Style x:Key="CustomAxisLableStyle" TargetType="TextBlock">
                                            <Setter Property="FontSize" Value="14" />
                                            <Setter Property="Foreground" Value="White" />
                                        <Chart:ChartTrackBallBehavior  InfoMode="Multiple"/>

                                    <!-- Grid line inside chart -->
                                        <Chart:CartesianChartGrid MajorLinesVisibility="XY" StripLinesVisibility="Y">
                                                <Style TargetType="Line">
                                                    <Setter Property="Stroke" Value="Gray"/>
                                                    <Setter Property="StrokeThickness" Value="1" />
                                                <Style TargetType="Line">
                                                    <Setter Property="Stroke" Value="Gray"/>
                                                    <Setter Property="StrokeDashArray" Value="2,2"/>
                                        <Chart:LinearAxis LineStyle="{StaticResource CustomAxisLineStyle}" LabelStyle="{StaticResource CustomAxisLableStyle}"/>
                                        <Chart:DateTimeContinuousAxis  MajorStep="10" GapLength="0.5"  MajorStepUnit="Week" LabelFitMode="MultiLine" LabelFormat="{}{0,0:MMM-yyyy}" LabelStyle="{StaticResource CustomAxisLableStyle}" />
                                    <Chart:AreaSeries ItemsSource="{Binding values}" Stroke="#FFFFC800" StrokeThickness="2" IsVisibleInLegend="False" Fill="#B2788D88">
                                            <Chart:PropertyNameDataPointBinding PropertyName="date"/>
                                            <Chart:PropertyNameDataPointBinding PropertyName="value"/>


  2. Ves
    Ves avatar
    2870 posts

    Posted 11 Sep 2015 Link to this post

    Hi Petri,

    You can take advantage of the PointTemplate property of the Series (LineSeries or AreaSeries). The value should be of type DataTemplate  and you can place anything in it. 

    You can find a similar example in our quick start framework, installed with Telerik UI for Windows Universal, usually in this folder: C:\Program Files (x86)\Telerik\UI for Windows Universal Q2 2015\QSF. Look for the "Multiple Axes" example.

    Best regards,
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top