2012-04-29 34 views
12

Quiero ocultar los botones predeterminados ("Exportar" & "Imprimir") en las opciones de exportación del cuadro de texto.Highchart ocultar botones predeterminados

puede tener demo en http://jsfiddle.net/fXHB5/3496/ en este enlace hay 3 botones 1. botón personalizado 2. botón Exportar 3. Botón de impresión.

En este caso quiero mostrar sólo el primer botón y ocultar "botón Exportar" "Botón de impresión" &

Respuesta

18

se puede acceder a cada botón de preferencia con algo como esto:

exporting: { 
    buttons: { 
     printButton: { 
      symbol: 'circle' 
     }, 
     exportButton: { 
      enabled: false 
     }  
    } 
} 

un ejemplo ampliable con su botón personalizado sería:

exporting: { 
    buttons: { 
     printButton: { 
      enabled: false 
     }, 
     exportButton: { 
      enabled: false 
     }, 
     custom: { 
      symbol: 'diamond', 
      x: -62, 
      symbolFill: '#B5C9DF', 
      hoverSymbolFill: '#779ABF', 
      _titleKey: 'printButtonTitle', 
      onclick: function() { 
       alert('click!') 
      } 
     } 
    } 
} 
+3

Soy nuevo en Highcharts. Parece que la desactivación del botón individual no funciona en la última versión? – mortdale

+2

Sí, en la versión nueva, todavía muestra los botones. no se está escondiendo Cualquier ayuda sería apreciada. – Dhamayanthi

6

No es posible como una opción, pero se puede ocultar los botones predeterminados a continuación, crear su propio uso de HTML. Luego puede vincular su botón personalizado según lo necesite.

var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

    credits: { 
     enabled: false 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
    }], 
     exporting: { 
      enabled: false 
     } 
    }); 

console.log(Highcharts.Renderer.prototype.symbols)​ 
15

Para cualquier otra persona que está utilizando un nuevo La versión de Highcharts y la respuesta seleccionada no funciona, debe usar la opción siguiente para ocultar el botón.

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

No funciona para botones individuales – bjjrolls

Cuestiones relacionadas