Saltar al contenido

Cómo quitar el botón de Highcharts

Solución:

Intenta 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 manera 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

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *