Highcharts: Thêm nút hình ảnh tùy chỉnh

Question

Tôi muốn thêm và nút hình ảnh trên highcharts. Cho đến nay, tôi đã tạo thành công một nút hình ảnh và đã đính kèm một sự kiện nhấp vào nó. Nhưng vấn đề là, hình ảnh (sun.png) nằm ở bên trái của biểu đồ và nút hình ảnh được căn phải (vị trí mặc định của thanh công cụ). Bất kỳ sửa chữa cho điều này?

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 
     } 

    } 
} 

Ngoài ra, nếu có các phương pháp khác để thêm hình ảnh trong biểu đồ có sự kiện nhấp, những phương pháp đó cũng được hoan nghênh.

Answer 1

Cuối cùng, tôi đã hình dung ra điều này. Có thể nó sẽ giúp người khác.

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