Multi-Level Drill Down

10 posts, 0 answers
  1. Arun Kumar
    Arun Kumar avatar
    60 posts
    Member since:
    Nov 2009

    Posted 17 Jul 2011 Link to this post

    Hi all,

    I  want to implement multi-level (minimum 3 level) drill down functionality. I had seen samples with 2 level only. How do I do that? Any sample application would be appreciated.

    Thanks
  2. Arun Kumar
    Arun Kumar avatar
    60 posts
    Member since:
    Nov 2009

    Posted 19 Jul 2011 Link to this post

    No one?
  3. DevCraft banner
  4. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 21 Jul 2011 Link to this post

    Hi Arun,

    You can create a drill-down scenario with as many levels as you want. For a starting point you may refer to our documentation as well as our demo.

    Kind regards,
    Evgenia
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  5. Arun Kumar
    Arun Kumar avatar
    60 posts
    Member since:
    Nov 2009

    Posted 21 Jul 2011 Link to this post

    Hi,

    Thanks for your reply.

    I already seen that documentation. I had successfully created up-to second level. But when I create third level it doesn't work.
    I don't know how set the Property Relation. Can you give some example?

    Here is my data model:

    public class ContactMethodModel
    {
        public string ContactMethod { get; set; }
        public MediaTypeCollection MediaTypes { get; set; }
    }
     
    public class MediaTypeCollection : List<MediaTypeModel>
    {
        public long? GrandTotal
        {
            get { return this.Sum(mediaType => mediaType.MediaNames.TotalCount); }
        }
    }
     
    public class MediaTypeModel
    {
        public string MediaType { get; set; }
        public MediaNameCollection MediaNames { get; set; }
    }
     
     
    public class MediaNameCollection : List<MediaNameModel>
    {
        public long? TotalCount
        {
            get { return this.Sum(mediaName => mediaName.Count); }
        }
    }
     
    public class MediaNameModel
    {
        public string MediaName { get; set; }
        public long Count { get; set; }
     
        public MediaNameModel(string MediaName, long Count)
        {
            this.MediaName = MediaName;
            this.Count = Count;
        }
    }

    and XAML

    <telerik:RadChart x:Name="RadChart1" Grid.Row="1"
                                 Background="{x:Null}"
                                 Style="{StaticResource RadChartStyle1}"
                                 BorderBrush="{x:Null}"
                                 BorderThickness="0">
     
                   <telerik:RadChart.HierarchicalViewDescriptors>
     
                       <!-- Contact Method -->
                       <telerik:ChartHierarchicalViewDescriptor>
                           <telerik:ChartHierarchicalViewDescriptor.SeriesMappings>
                               <telerik:SeriesMapping>
     
                                   <telerik:SeriesMapping.SeriesDefinition>
                                       <telerik:HorizontalBarSeriesDefinition ItemLabelFormat="#Y"
                                                                              LegendDisplayMode="DataPointLabel">
                                           <telerik:HorizontalBarSeriesDefinition.LabelSettings>
                                               <telerik:BarLabelSettings LabelDisplayMode="Outside" />
                                           </telerik:HorizontalBarSeriesDefinition.LabelSettings>
                                       </telerik:HorizontalBarSeriesDefinition>
                                   </telerik:SeriesMapping.SeriesDefinition>
     
                                   <!-- End Item Mapping -->
                                   <telerik:ItemMapping FieldName="MediaTypes.GrandTotal" DataPointMember="YValue" />
                                   <telerik:ItemMapping FieldName="ContactMethod" DataPointMember="XCategory" />
                                   <!-- Item Mapping -->
     
                               </telerik:SeriesMapping>
                           </telerik:ChartHierarchicalViewDescriptor.SeriesMappings>
                       </telerik:ChartHierarchicalViewDescriptor>
                       <!-- End Contact Method -->
     
                       <!-- Media Type -->
                       <telerik:ChartHierarchicalViewDescriptor>
     
                           <telerik:ChartHierarchicalViewDescriptor.Relation>
                               <telerik:PropertyRelation ParentPropertyName="MediaTypes" />
                           </telerik:ChartHierarchicalViewDescriptor.Relation>
     
                           <telerik:ChartHierarchicalViewDescriptor.SeriesMappings>
                               <telerik:SeriesMapping>
     
                                   <telerik:SeriesMapping.SeriesDefinition>
                                       <telerik:HorizontalBarSeriesDefinition ItemLabelFormat="#Y"
                                                                              LegendDisplayMode="DataPointLabel">
                                           <telerik:HorizontalBarSeriesDefinition.LabelSettings>
                                               <telerik:BarLabelSettings LabelDisplayMode="Outside" />
                                           </telerik:HorizontalBarSeriesDefinition.LabelSettings>
                                       </telerik:HorizontalBarSeriesDefinition>
                                   </telerik:SeriesMapping.SeriesDefinition>
     
                                   <!-- Item Mapping -->
                                   <telerik:ItemMapping FieldName="MediaNames.TotalCount" DataPointMember="YValue" />
                                   <telerik:ItemMapping FieldName="MediaType" DataPointMember="XCategory" />
                                   <!-- End Item Mapping -->
     
                               </telerik:SeriesMapping>
                           </telerik:ChartHierarchicalViewDescriptor.SeriesMappings>
     
                       </telerik:ChartHierarchicalViewDescriptor>
                       <!-- End Media Type -->
     
                       <!-- Media Name -->
                       <telerik:ChartHierarchicalViewDescriptor>
     
                           <telerik:ChartHierarchicalViewDescriptor.Relation>
                               <telerik:PropertyRelation ParentPropertyName="MediaTypeModel.MediaNames" IsSelfReference="True" />
                           </telerik:ChartHierarchicalViewDescriptor.Relation>
     
                           <telerik:ChartHierarchicalViewDescriptor.SeriesMappings>
                               <telerik:SeriesMapping>
     
                                   <telerik:SeriesMapping.SeriesDefinition>
                                       <telerik:HorizontalBarSeriesDefinition ItemLabelFormat="#Y"
                                                                              LegendDisplayMode="DataPointLabel">
                                           <telerik:HorizontalBarSeriesDefinition.LabelSettings>
                                               <telerik:BarLabelSettings LabelDisplayMode="Outside" />
                                           </telerik:HorizontalBarSeriesDefinition.LabelSettings>
                                       </telerik:HorizontalBarSeriesDefinition>
                                   </telerik:SeriesMapping.SeriesDefinition>
     
                                   <telerik:ItemMapping FieldName="Count" DataPointMember="YValue" />
                                   <telerik:ItemMapping FieldName="MediaName" DataPointMember="XCategory" />
     
                               </telerik:SeriesMapping>
                           </telerik:ChartHierarchicalViewDescriptor.SeriesMappings>
                       </telerik:ChartHierarchicalViewDescriptor>
                       <!-- End Media Name -->
                        
                   </telerik:RadChart.HierarchicalViewDescriptors>
     
                   <telerik:RadChart.DefaultView>
                       <telerik:ChartDefaultView>
     
                           <telerik:ChartDefaultView.ChartArea>
                               <telerik:ChartArea SmartLabelsEnabled="True" 
                                                  LabelFormatBehavior="None"
                                                  PaletteBrushesRepeat="False"
                                                  Background="#00351C1C">
                                   <telerik:ChartArea.PaletteBrushes>
                                       <SolidColorBrush Color="Green" />
                                       <SolidColorBrush Color="#FFF5FF48" />
                                       <SolidColorBrush Color="#FFBC9847" />
                                       <SolidColorBrush Color="Orange" />
                                       <SolidColorBrush Color="Red" />
                                       <SolidColorBrush Color="#FFFF6666" />
                                       <SolidColorBrush Color="Gray" />
                                   </telerik:ChartArea.PaletteBrushes>
     
                                   <telerik:ChartArea.AxisX>
                                       <telerik:AxisX MinorGridLinesVisibility="Collapsed"
                                                      MinorTicksVisibility="Collapsed"
                                                      PlotAreaAxisVisibility="Collapsed"
                                                      PlotAreaAxisLabelsVisibility="Collapsed"
                                                      StripLinesVisibility="Collapsed"
                                                      MajorTicksVisibility="Collapsed"
                                                      LayoutMode="Inside"/>
                                   </telerik:ChartArea.AxisX>
     
                                   <telerik:ChartArea.AxisY>
                                       <telerik:AxisY Visibility="Collapsed"
                                                      MajorGridLinesVisibility="Collapsed"
                                                      MajorTicksVisibility="Collapsed"
                                                      MinorGridLinesVisibility="Collapsed"
                                                      MinorTicksVisibility="Collapsed"
                                                      PlotAreaAxisVisibility="Collapsed"
                                                      StripLinesVisibility="Collapsed"/>
                                   </telerik:ChartArea.AxisY>
                               </telerik:ChartArea>
                           </telerik:ChartDefaultView.ChartArea>
     
                           <telerik:ChartDefaultView.ChartLegend>
                               <telerik:ChartLegend Visibility="Collapsed" />
                           </telerik:ChartDefaultView.ChartLegend>
     
                       </telerik:ChartDefaultView>
                   </telerik:RadChart.DefaultView>
     
               </telerik:RadChart>

    Every time it says the message System.Windows.Data Error: BindingExpression path error: 'MediaTypes' property not found on 'PropertiesBuzz.Agent.MediaTypeModel'  when I drill down to third level.
  6. Arun Kumar
    Arun Kumar avatar
    60 posts
    Member since:
    Nov 2009

    Posted 25 Jul 2011 Link to this post

    No solution yet?
  7. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 26 Jul 2011 Link to this post

    Hello Arun,

    This is to let you know that I'll need some more time to create a sample project and send it to you. I'll contact you as soon as possible. Thanks for your patience!

    Regards,
    Evgenia
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  8. Arun Kumar
    Arun Kumar avatar
    60 posts
    Member since:
    Nov 2009

    Posted 31 Jul 2011 Link to this post

    Hi Evgenia,

    I am looking forward your reply.

    Thanks.
  9. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 04 Aug 2011 Link to this post

    Hi Arun Kumar,

    Unfortunately on further investigation it seems there is indeed a problem in the current version of the control that prevents the correct defintion of multi-level drill-down scenario with more that two levels. We have forwarded your report to our developers and we will make sure the issue is addressed for the service pack release that is scheduled around mid-August.

    Sorry for the temporary inconvenience. We have updated your Telerik points for the report.


    Regards,
    Giuseppe
    the Telerik team

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

  10. Hans
    Hans  avatar
    4 posts
    Member since:
    Jun 2012

    Posted 16 Sep 2015 Link to this post

    Hi,

    Can we drill down to multiple levels now in telerik reports v8.2.14. and above? Thanks

  11. Stef
    Admin
    Stef avatar
    3053 posts

    Posted 18 Sep 2015 Link to this post

    Hi Hans,

    Telerik Reporting Graph item supports actions and you can apply a ToggleVisibilityAction on categories. For more details check the example in How to: Add Drilldown action to the Graph item.

    If you need further help, please open a support ticket to Telerik Reporting and elaborate on the scenario, data structure and expected layout of the report document.

    Regards,
    Stef
    Telerik
    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
DevCraft banner