javascript - and - Cómo eliminar el botón de HighCharts

highcharts yaxis line

Question

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

¿Tal vez alguien podría ayudarme?

Answer 1

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

Answer 2

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!'')
}
}
]
}

Answer 3

exporting:false,

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

Answer 4

@dgw tiene la idea correcta de eliminar los botones de exportación, pero no estaba contento con las sugerencias "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, realmente no sabe 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>

Answer 5

exporting: {
contextButton: {
enabled: false,
}
}

Tienes que desactivar solo el contextButton.

Answer 6

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

Esto desactiva el ícono de la hamburguesa.

navigation: {
buttonOptions: {
enabled: false
}
}

Así es como personalizas las opciones de exportación para tu 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