This project is read-only.

drilldown in piechart

Dec 17, 2012 at 7:10 PM

Hi there,

I am trying to create a Piechart with a drill down effect. I am able to create Piechart and column drilldowns separately but not able to combine the effect. Any examples?

 

Thanks

Shiju

Aug 11, 2014 at 9:11 AM
Edited Aug 11, 2014 at 9:58 AM
I too am trying to do this. Have you managed to work out how to do this?

EDIT: I have managed to get the drilldown effect working in that clicking on a slice will bring it into the drilldown and vice versa. However, all the names of the different slices are just 'Slice', but the values are correct.
Aug 28, 2014 at 7:59 PM
I just switched to the javascript version of highcharts and it worked.

Oct 24, 2014 at 3:26 PM
Hi,

In the sample project (DotNet.Highcharts.Samples.zip) for version 4.0 you can find a demo "Pie with drilldown". Or try to us SetDrilldown method:
                .SetDrilldown(new Drilldown
                {
                    Series = new[]
                    {
                        new Series
                        {
                            Id = "MSIE",
                            Data = new Data(new object[,] { { "MSIE 6.0", 10.85 }, { "MSIE 7.0", 7.35 }, { "MSIE 6.0", 10.85 }, { "MSIE 8.0", 33.06 }, { "MSIE 9.0", 2.81 } })
                        },
                        new Series
                        {
                            Id = "Firefox",
                            Data = new Data(new object[,] { { "Firefox 2.0", 0.20 }, { "Firefox 3.0", 0.83 }, { "Firefox 3.5", 1.58 }, { "Firefox 3.6", 13.12 }, { "Firefox 4.0", 5.43 } })
                        },
                        new Series
                        {
                            Id = "Chrome",
                            Data = new Data(new object[,] { { "Chrome 5.0", 0.12 }, { "Chrome 6.0", 0.19 }, { "Chrome 7.0", 0.12 }, { "Chrome 8.0", 0.36 }, { "Chrome 9.0", 0.32 }, { "Chrome 10.0", 9.91 }, { "Chrome 11.0", 0.50 }, { "Chrome 12.0", 0.22 } })
                        },
                        new Series
                        {
                            Id = "Safari",
                            Data = new Data(new object[,] { { "Safari 5.0", 4.55 }, { "Safari 4.0", 1.42 }, { "Safari Win 5.0", 0.23 }, { "Safari 4.1", 0.21 }, { "Safari/Maxthon", 0.20 }, { "Safari 3.1", 0.19 }, { "Safari 4.1", 0.14 } })
                        },
                        new Series
                        {
                            Id = "Opera",
                            Data = new Data(new object[,] { { "Opera 9.x", 0.12 }, { "Opera 10.x", 0.37 }, { "Opera 11.x", 1.65 } })
                        }
                    }
                });
Regards,
Vangel
Marked as answer by Vangi on 10/24/2014 at 7:26 AM