Comment supprimer le bouton de Highcharts

Je crée des graphiques avec la bibliothèque Highcharts et je me demande comment supprimer les 2 petits boutons dans le coin droit que vous pouvez imprimer et télécharger des graphiques et j'aimerais en ajouter un nouveau.

Peut-être que quelqu'un pourrait m'aider?

Essayez d'ajouter exporting: { enabled: false }à votre génération de graphiques.

Cochez ceci pour créer un nouveau bouton:

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

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

La meilleure façon de remplacer l'icône du hamburger est de désactiver le bouton de navigation Options, puis de créer votre propre menu et de personnaliser le contexte un par un comme indiqué dans la documentation . De là, vous pouvez utiliser n'importe quelle icône de votre choix avec votre propre menu déroulant.

Cela désactive l'icône de hamburger.

navigation: {
buttonOptions: {
  enabled: false
  }
 }

C'est ainsi que vous personnalisez les options d'exportation pour votre propre liste.

$('#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
        }
    }
}

Vous devez désactiver uniquement le contextButton.

exporting:false,

Ajoutez le code ci-dessus pour désactiver l'option d'exportation.

@dgw a la bonne idée de supprimer les boutons d'exportation, mais je n'étais pas satisfait des suggestions "et j'aimerais en ajouter une nouvelle" jusqu'à ce que je réalise que je devais simplement créer les boutons en dehors du graphique . À moins que vos données ne soient statiques, vous ne savez pas vraiment s'il y a de la place pour afficher vos commandes.

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

Une autre option est la suivante: vous pouvez simplement supprimer l'importation de "node_modules / highcharts / modules / exporting.js" de l'ensemble du projet si vous n'en avez pas du tout besoin.

C'était une solution pour moi!

La meilleure façon de procéder consiste à mettre à jour le exporting.buttons.contextButton.menuItemstableau pour n'inclure que les éléments de menu souhaités. Vous trouverez ci-dessous un exemple qui exclut les options «Imprimer le graphique» et «Afficher plein écran».

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

Exemple de Highcharts