Cómo quitar el botón de Highcharts

Estoy creando gráficos con la biblioteca Highcharts y me pregunto cómo eliminar los 2 pequeños botones en la esquina derecha, cuál puede imprimir y descargar gráficos y me gustaría agregar uno nuevo.

¿Quizás alguien podría ayudarme?

Intente agregar exporting: { enabled: false }a su generación de gráficos.

Marque esto para crear un nuevo botón:

Ejemplo: http://jsfiddle.net/fXHB5/3496/

exporting: {
    buttons: [
        {
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            _titleKey: 'printButtonTitle',
            onclick: function() {
                alert('click!')
            }
        }
    ]
}

La mejor forma de reemplazar el icono de hamburguesa es deshabilitar las opciones del botón de navegación, luego crear su propio menú y personalizar el contexto uno por uno como se indica en la documentación . Desde aquí puede utilizar cualquier icono que desee con su propio menú desplegable.

Esto desactiva el icono de hamburguesa.

navigation: {
buttonOptions: {
  enabled: false
  }
 }

Así es como personaliza las opciones de exportación para su propia lista.

$('#print').click(function() {
chart.print();
});
$('#pdf').click(function() {
chart.exportChart({
  type: 'application/pdf',
  filename: 'my-pdf'
 });
});
$('#png').click(function() {
chart.exportChart({
  type: 'image/png',
  filename: 'my-png'
 });
});
$('#jpeg').click(function() {
chart.exportChart({
  type: 'image/jpeg',
  filename: 'my-jpeg'
 });
});
$('#svg').click(function() {
chart.exportChart({
  type: 'image/svg+xml',
  filename: 'my-svg'
 });
});

jsfiddle

exporting: {
    buttons: {
        contextButton: {
            enabled: false
        }
    }
}

Tienes que deshabilitar solo el contextButton.

exporting:false,

Agregue el código anterior para deshabilitar la opción de exportación.

@dgw tiene la idea correcta de eliminar los botones de exportación, pero no estaba contento con las sugerencias de "y me gustaría agregar uno nuevo" hasta que me di cuenta de que debería hacer los botones fuera del gráfico . A menos que sus datos sean estáticos, no sabe realmente si hay espacio para mostrar sus controles.

<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>

Otra opción es: puede eliminar la importación de "node_modules / highcharts / modules / exporting.js" de todo el proyecto si no lo necesita en absoluto.

¡Esa fue una solución para mí!

La mejor manera de hacerlo es actualizar la exporting.buttons.contextButton.menuItemsmatriz para que solo incluya los elementos del menú que desee. A continuación se muestra un ejemplo que excluye las opciones "Imprimir gráfico" y "Ver pantalla completa".

exporting: {
    buttons: {
        contextButton: {
            menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
        }
    }
}

Ejemplo de Highcharts