buttonBorderColor: String

Sets the border color of buttons (zoom/pan, reset & export-menu) in toolbar. Values of buttonBorderColor can be specified in “HTML Color Name”, “hex code” or “rgba values”.

Default: “#2196f3”
Example: “blue”, “#a0beec”, …

  • Border will not be added if there is only one button in the toolbar.

var chart= new CanvasJS.Chart("container",
 toolbar: {
     buttonBorderColor: "#eccaa0",

You can customize the look & feel of zoom/pan button, reset button, export-menu & it’s drop-down options as shown in the example below.

Try it Yourself by Editing the Code below.

If you have any questions, please feel free to ask in our forums.Ask Question