Sto creando grafici con la libreria Highcharts e mi chiedo come rimuovere i 2 bottoncini nell'angolo destro di cui puoi stampare e scaricare grafici e vorrei aggiungerne uno nuovo.
Forse qualcuno potrebbe aiutarmi?
Sto creando grafici con la libreria Highcharts e mi chiedo come rimuovere i 2 bottoncini nell'angolo destro di cui puoi stampare e scaricare grafici e vorrei aggiungerne uno nuovo.
Forse qualcuno potrebbe aiutarmi?
Risposte:
Prova ad aggiungere exporting: { enabled: false }alla tua generazione di grafici.
onClick.
exporting: falseè abbastanza
Seleziona questo per creare un nuovo pulsante:
Esempio: http://jsfiddle.net/fXHB5/3496/
exporting: {
buttons: [
{
symbol: 'diamond',
x: -62,
symbolFill: '#B5C9DF',
hoverSymbolFill: '#779ABF',
_titleKey: 'printButtonTitle',
onclick: function() {
alert('click!')
}
}
]
}
Il modo migliore per sostituire l'icona dell'hamburger è disabilitare il pulsante di navigazione Opzioni, quindi creare il proprio menu e personalizzare il contesto uno per uno come indicato nella documentazione . Da qui puoi utilizzare qualsiasi icona desideri con il tuo menu a discesa.
Questo disabilita l'icona dell'hamburger.
navigation: {
buttonOptions: {
enabled: false
}
}
Ecco come personalizzare le opzioni di esportazione per il tuo elenco.
$('#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'
});
});
exporting: {
buttons: {
contextButton: {
enabled: false
}
}
}
Devi disabilitare solo il contextButton.
@dgw ha l'idea giusta di rimuovere i pulsanti di esportazione, ma non ero soddisfatto dei suggerimenti "e vorrei aggiungerne uno nuovo" finché non ho capito che dovevo semplicemente creare i pulsanti fuori dal grafico . A meno che i tuoi dati non siano statici, non sai davvero se c'è spazio per visualizzare i tuoi controlli.
<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>
Un'altra opzione è: puoi semplicemente rimuovere l'importazione di "node_modules / highcharts / modules / exporting.js" dall'intero progetto se non ti serve affatto.
Quella era una soluzione per me!
Il modo migliore per farlo è aggiornare l' exporting.buttons.contextButton.menuItemsarray per includere solo le voci di menu desiderate. Di seguito è riportato un esempio che esclude le opzioni "Stampa grafico" e "Visualizza schermo intero".
exporting: {
buttons: {
contextButton: {
menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
}
}
}