javascript - Highcharts Pie Chart Drilldown not showing on third drill - Stack Overflow

admin管理员组

文章数量:1356477

I have two issues:

1. The third drilldown the names of the DataLabels appear as "Slice" instead of their respective names. Is this a bug or do I need to specify it somewhere?
2. When I apply a color theme, every drilldown the colors reset and just randomly generate other colors. (I have 20 colors in the series for the theme file)
3. Is there also a way to drill back up? IE have an external button or control that allows user to go back up a level? For me I dont know if it is intuitive to go back to the original and drilldown again.

Here is my JSFiddle. /

I have everything working great except these issues and hopefully can help others trying to do the same thing.

*Also note I am using the new source code: /master/js/highcharts.src.js which fixes the label errors.

*I am getting an error everytime I drilldown:

point.select is not a function
[Break On This Error] point.select(null, event.ctrlKey || event.metaKey || event.shiftKey);

I have two issues:

1. The third drilldown the names of the DataLabels appear as "Slice" instead of their respective names. Is this a bug or do I need to specify it somewhere?
2. When I apply a color theme, every drilldown the colors reset and just randomly generate other colors. (I have 20 colors in the series for the theme file)
3. Is there also a way to drill back up? IE have an external button or control that allows user to go back up a level? For me I dont know if it is intuitive to go back to the original and drilldown again.

Here is my JSFiddle. http://jsfiddle/Lzhm6/

I have everything working great except these issues and hopefully can help others trying to do the same thing.

*Also note I am using the new source code: https://raw.github./highslide-software/highcharts./master/js/highcharts.src.js which fixes the label errors.

*I am getting an error everytime I drilldown:

point.select is not a function
[Break On This Error] point.select(null, event.ctrlKey || event.metaKey || event.shiftKey);

• javascript
• jquery
• highcharts

Share Improve this question Follow edited Sep 15, 2011 at 20:00 Dan Short 9,61622 gold badges3030 silver badges5353 bronze badges asked Sep 14, 2011 at 20:30 dopedope 11333 silver badges1212 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

I played with the first A data section, and changed it to this:

            data: [{
                y: 33.06,
                name: 'A',
                drilldown: {
                    name: 'Budweiser',
                    data: [
                        {name:'A', y:10838}
                        , {name:'B', y:11349}
                        , {name:'C', y:11894}
                        , {name:'D', y:11846}
                        , {name:'E', y:11878}
                        , {name:'F', y:11662}
                        , {name:'G', y:11652}
                    ],
                    color: colors[0]
                }},

This is working perfectly for me. I pulled the categories and data nodes into a single array of name/data object nodes in the data array. Check the updated jsfiddle to see how the changes worked.

1. Click A-1
2. Click A

Check out this fiddle or use the following code in the drilldown part:

data: [
    ['slice_name',10],
    ['slice_name',7],
    ['slice_name',33],
    ['slice_name',2]
]

本文标签： javascriptHighcharts Pie Chart Drilldown not showing on third drillStack Overflow