I have two issues:
Here is my JSFiddle. http://jsfiddle.net/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.com/highslide-software/highcharts.com/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 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.
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]
]
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With