| Option name | Type | Default |
|---|---|---|
| align | string | right |
| Aligment for the buttons | ||
| backgroundColor | color/td> | See below |
| Background color or gradient for the buttonsbackgroundColor=>array( linearGradient => array(0, 0, 0, 20), stops=>array( array(0.4, '#F7F7F7'), array(0.6, '#E3E3E3') )) | ||
| borderColor | color | #B0B0B0 |
| The border color of the buttons. | ||
| borderRadius | number | 3 |
| The border corner radius of the buttons | ||
| borderWidth | number | 1 |
| The border width of the buttons | ||
| enabled | boolean | true |
| Whether to enable buttons | ||
| height | number | 20 |
| Pixel height of the buttons | ||
| hoverBorderColor | string | #909090 |
| Color of the button border on hover. | ||
| hoverSymbolFill | string | #768F3E. |
| See navigation.buttonOptions => hoverSymbolFill. | ||
| hoverSymbolStroke | string | #4572A5. |
| Stroke (line) color for the symbol within the button on hover | ||
| onclick | function (javascript) | |
| A click handler callback to use on the button directly instead of the popup men | ||
| menuItems | array | |
| A collection of config options for the menu items. Each options object consists of a text option which is a string to show in the menu item, as well as an onclick parameter which is a callback function to run on click. By default, there is one menu item for each of the available export types. Menu items can be customized by defining a new array of items and assigning null to unwanted positions (see override example below). | ||
| symbol | string | exportIcon |
| The symbol for the button. Points to a definition function in the Highcharts.Renderer.symbols collection. The default exportIcon function is part of the exporting module | ||
| symbolFill | string | #A8BF77. |
| See navigation.buttonOptions => symbolFill. | ||
| symbolSize | number | 12 |
| The pixel size of the symbol on the button | ||
| symbolStroke | string | #A0A0A0 |
| The color of the symbol's stroke or line | ||
| symbolStrokeWidth | number | 1 |
| The pixel stroke width of the symbol on the button | ||
| symbolX | number | 11.5 |
| The x position of the center of the symbol inside the button. | ||
| symbolY | number | 10.5 |
| The y position of the center of the symbol inside the button. | ||
| verticalAlign | string | top |
| The vertical alignment of the buttons. Can be one of "top", "middle" or "bottom". | ||
| width | number | 24 |
| The pixel width of the button | ||
| y | number | 10 |
| The vertical offset of the button's position relative to its verticalAlign. | ||
| x | number | 10 |
| The horizontal positioin of the button relative to the align option. | ||