score:9

Accepted answer

There are many options to style buttons, you just have to take a look the reference.

Using exporting, you can directly style the button, like:

exporting: {
    buttons: {
        exportButton: {
            align: 'left',
            x: 40
        }
    }
}

demo

Using navigation you can style all buttons:

navigation: {
    buttonOptions: {
        align: 'center'
    }
}

demo

Reference:

score:0

You can use x/y or align parameter: ExportButton Align

score:2

This works for me:

exporting: {
  buttons: {
    contextButton: {
      align: 'center',
      x: 50
    }
  }
},

score:6

Ricardo's answer is almost correct. I believe the syntax has changed since he answered.

exporting button documentation

    exporting: {
        buttons: {
            contextButton: {
                align: 'left',
                x: 0,
                y: 380,
                verticalAlign: 'top'
            }
        }
    },

Related Query

More Query from same tag