Highcharts: Aggiungi un pulsante immagine personalizzata

Question

Voglio aggiungere e pulsante immagine su highcharts. Finora, ho creato con successo un pulsante immagine e ho allegato un evento click su di esso. Ma il problema è che l'immagine (sun.png) si trova sul lato sinistro del grafico e il pulsante dell'immagine è allineato a destra (la posizione predefinita della barra degli strumenti). Qualche correzione per questo?

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 
     } 

    } 
} 

Inoltre, se ci sono altri metodi per aggiungere un'immagine nel grafico che hanno un evento di clic, anche questi metodi sono ben accetti.

Answer 1

Infine, l'ho capito in questo modo. Forse aiuterà gli altri.

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