Highchart hide default buttons

Question

I want to hide default buttons ("Export" & "Print") in highchart export options.

you can have demo at http://jsfiddle.net/fXHB5/3496/ in this link there are 3 buttons 1. Custom Button 2. Export button 3. print Button.

In this case I want to show only first button and hide "Export button" & "print Button"

Answer 1

you can access each button preference with something like this:

exporting: {
    buttons: {
        printButton: {
            symbol: 'circle'
        },
        exportButton: {
            enabled: false
        }    
    }
}

an expandable example with your custom button would be:

exporting: {
    buttons: {
        printButton: {
            enabled: false
        },
        exportButton: {
            enabled: false
        },
        custom: {
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            _titleKey: 'printButtonTitle',
            onclick: function () {
                alert('click!')
            }
        }
    }
}

Answer 2

For anyone else who is using a newer version of highcharts and the selected answer doesn't work, you need to use the below instead to hide the button.

exporting: {
        buttons: {
            contextButton: {
                enabled: false
            }    
        }
    }

Answer 3

It's not possible as an option, but you can hide the default buttons then create your own using html. Then you can bind your custom button as you need.

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    credits: {
        enabled: false
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }],
        exporting: {
            enabled: false
        }
    });

console.log( Highcharts.Renderer.prototype.symbols )​