Highcharts: Ajouter une image personnalisée bouton

Je veux ajouter et le bouton image sur highcharts.
Jusqu'à présent, j'ai réussi à créer un bouton image et l'ai fixé un événement click sur elle.
Mais le problème est que, l'image (le soleil.png) est sur le côté gauche du graphique et de l'image bouton est aligné à droite ( la position par défaut de la barre d'outils). Un correctif pour cela ?

exporting: {
    buttons: {
        popUpBtn: {
            symbol: 'url(images/sun.png)',
            _titleKey: 'popUpBtnTitle',
            x: -10,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function () {
                alert('ad');
                popUpChart($(this));
            }
        },
        exportButton: {
            enabled: false
        },
        printButton: {
            enabled: false
        }

    }
}

Aussi, si il y a d'autres méthodes pour ajouter une image dans le graphique qui ont cliquez sur l'événement, ces méthodes sont les bienvenus aussi.

Salut, je veux le même genre de fonctionnalités, après avoir cliqué sur un bouton sur le tableau, je veux le même graphique pour être ouvert dans une fenêtre contextuelle. En regardant votre code vous semblent être en train de faire la même chose. Pouvez-vous s'il vous plaît dites-moi ce que vous faites dans cette fonction popUpChart($(this)); pour l'afficher dans une fenêtre contextuelle.
$this dans popUpChart se réfère à l'instance de highcharts. Je l'utilise pour obtenir des options graphiques à nouveau, puis-je ouvrir un popup comme fancybox. Et dans ce popup, je dessine le tableau à nouveau.
Si cela ne vous dérange pas, pouvez-vous montrer l'ensemble de votre code, parce que je suis confronté à quelques problèmes en faisant cela?
Vous pouvez poser une question, en ajoutant votre code , vos efforts et quel est le problème, vous êtes confrontés. Je serai heureux de vous aider. C'était une vieille question, je ne pense pas que j'ai tout le code.

OriginalL'auteur Jashwant | 2012-02-09

  1. 14

    Enfin, j'avais compris ça comme ça.
    Peut-être que cela aidera les autres.

    function callback($this){
    var img = $this.renderer.image('images/zoom_icon.png',$this.chartWidth-40,5,40,12); 
    img.add(); 
    img.css({'cursor':'pointer'});
    img.attr({'title':'Pop out chart'});
    img.on('click',function(){
              //prcessing after image is clicked
    });

 }

new Highcharts.Chart(charts.params,callback);

//where charts.params is object which contains options for chart
    Peut-on ajouter un autre bouton suivant pour exporter et imprimer à l'aide de cette ?
    Oui, certainement. Voir la position x de bouton. $this.chartWidth-40. Son côté de ces boutons. Vous pouvez le modifier en quoi que ce soit.
    Fondamentalement, je veux de trois boutons au lieu de l'impression et de l'exportation.
    Pour supprimer bouton imprimer, voici une meilleure solution stackoverflow.com/questions/10653037/...

    OriginalL'auteur Jashwant