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”, …

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


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


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.



In order to provide better support, we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.