This is a migrated thread and some comments may be shown as answers.
RadCartesianChart
3 Answers 66 Views
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Andrew asked on 26 Sep 2012, 07:53 PM
How can you mark single points on a AreaSeries in a RadCartesianChart and have a little label point to the marked point?

3 Answers, 1 is accepted

Sort by
0
Giuseppe
Telerik team
answered on 27 Sep 2012, 12:57 PM
Hello Andrew,

You can define custom AreaSeries.PointTemplate for each series item and you can also set AreaSeries.ShowLabels property to true to display the series item labels like this:
<telerik:RadCartesianChart x:Name="RadChart1" Palette="Metro">
    <telerik:RadCartesianChart.HorizontalAxis>
        <telerik:CategoricalAxis />
    </telerik:RadCartesianChart.HorizontalAxis>
    <telerik:RadCartesianChart.VerticalAxis>
        <telerik:LinearAxis />
    </telerik:RadCartesianChart.VerticalAxis>
             
    <telerik:AreaSeries ShowLabels="True">
        <telerik:AreaSeries.PointTemplate>
            <DataTemplate>
                <Ellipse Height="8" Width="8"
                            Fill="White"
                            Stroke="{Binding ElementName=RadChart1, Path=Palette.GlobalEntries[0].Fill}" />
            </DataTemplate>
        </telerik:AreaSeries.PointTemplate>
                 
        <telerik:AreaSeries.DataPoints>
            <telerik:CategoricalDataPoint Category="A" Value="1" />
            <telerik:CategoricalDataPoint Category="B" Value="2" />
            <telerik:CategoricalDataPoint Category="C" Value="3" />
            <telerik:CategoricalDataPoint Category="D" Value="1" />
            <telerik:CategoricalDataPoint Category="E" Value="3" />
            <telerik:CategoricalDataPoint Category="F" Value="2" />
            <telerik:CategoricalDataPoint Category="G" Value="1" />
        </telerik:AreaSeries.DataPoints>
    </telerik:AreaSeries>
             
</telerik:RadCartesianChart>

Also, for Q3 2012 (scheduled around mid-October) we will be introducing support for custom annotations so you will be able to overlay any FrameworkElement on a custom location inside the plot area.

Hope this helps.


Regards,
Giuseppe
the Telerik team

Time to cast your vote for Telerik! Tell DevPro Connections and Windows IT Pro why Telerik is your choice. Telerik is nominated in a total of 25 categories.

0
Andrew
Top achievements
Rank 1
answered on 27 Sep 2012, 01:15 PM
Thanks for the help. How could I mark a single data point using c# with only having access to the area series in which the point belongs to?
0
Giuseppe
Telerik team
answered on 28 Sep 2012, 10:59 AM
Hello Andrew,

You can achieve the desired functionality like this:
public MainPage()
{
    InitializeComponent();
 
    RadChart1.Loaded += new RoutedEventHandler(RadChart1_Loaded);
}
 
private void RadChart1_Loaded(object sender, RoutedEventArgs e)
{
    Dispatcher.BeginInvoke(() =>
        {
            // Get the data point you want to mark.
            CategoricalDataPoint dataPoint = (RadChart1.Series[0] as AreaSeries).DataPoints[3];
 
            // Find the corresponding visual by its DataContext property.
            var ellipsePresenter = RadChart1.ChildrenOfType<ContentPresenter>().Where(presenter => presenter.Opacity != 0 && presenter.DataContext == dataPoint).SingleOrDefault();
            if (ellipsePresenter != null)
            {
                ellipsePresenter.ChildrenOfType<Ellipse>().Single().Fill = new SolidColorBrush(Colors.Red);
            }
        });
}

Hope this helps.


Kind regards,
Giuseppe
the Telerik team

Time to cast your vote for Telerik! Tell DevPro Connections and Windows IT Pro why Telerik is your choice. Telerik is nominated in a total of 25 categories.

Tags
Chart
Asked by
Andrew
Top achievements
Rank 1
Answers by
Giuseppe
Telerik team
Andrew
Top achievements
Rank 1
Share this question
or