Highcharts: Dodaj przycisk niestandardowego obrazu

Question

Chcę dodać i przycisk obrazu w highcharts. Do tej pory pomyślnie utworzyłem przycisk obrazu i dołączyłem do niego zdarzenie kliknięcia. Problem polega jednak na tym, że obraz (sun.png) znajduje się po lewej stronie wykresu, a przycisk obrazu jest wyrównany do prawej (domyślna pozycja paska narzędzi). Jakieś poprawki do tego?

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 
     } 

    } 
} 

Ponadto, jeśli istnieją inne metody dodawania obrazu na wykresie, na którym występuje zdarzenie kliknięcia, metody te są również mile widziane.

Answer 1

W końcu to wymyśliłem. Może być to pomoże innym.

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