score:5

Using the Highcharts API, when defining the menu you can just add the following code as an element in the exporting.buttons.contextButton.menuItems array:

{ separator: true }

The following code would be added directly inside your chart options and shows how to separate every single item (see it on JSFiddle):

exporting: {
    buttons: {
        contextButton: {
            menuItems: [{
                textKey: 'printChart',
                onclick: function () {
                    this.print();
                }
            }, {
                separator: true
            }, {
                textKey: 'downloadPNG',
                onclick: function () {
                    this.exportChart();
                }
            }, {
                separator: true
            }, {
                textKey: 'downloadJPEG',
                onclick: function () {
                    this.exportChart({
                        type: 'image/jpeg'
                    });
                }
            }, {
                separator: true
            }, {
                textKey: 'downloadPDF',
                onclick: function () {
                    this.exportChart({
                        type: 'application/pdf'
                    });
                }
            }, {
                separator: true
            }, {
                textKey: 'downloadSVG',
                onclick: function () {
                    this.exportChart({
                        type: 'image/svg+xml'
                    });
                }
            }]
        }
    }
}

Related Query

More Query from same tag