Delete Print Button

Question

I am creating charts with the HighCharts library, and I am wondering how to remove 2 small buttons in the right corner, on which you can print and load charts, and I would like to add a new one.

Can someone help me?

Answer 1

You can disable the buttons if you wish, according to the documentation . The documentation even provides an example of a downloadable chart with buttons disabled.

Be sure to include the following in your configuration:

var chart = new Highcharts.Chart({ /* Other items removed to focus on navigation */ navigation: { buttonOptions: { enabled: false } } }); 

Answer 2

If you want to remove all buttons, the best place for this can be found here:

 exporting: { enabled: false } 

If you disable navigation, the buttons are only disabled, the export module continues to load.
To disable only one button, you should use the following:

 exporting: { buttons: { exportButton: { enabled: false } } } 

The code below disables the export button.

I don’t know how to add a button without adding a new svg element, but if you do not use the export buttons, why don't you change the style and function of the chart button? You can do this according to the link .

Answer 3

As explained above, you can disable

 exporting: { buttons: { exportButton: { enabled: false } } } 

To add a new button, use

Add new image button in tall charts