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.



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