ハイチャート：カスタム画像ボタンを追加する

Question

ハイチャートに画像ボタンを追加したいです。 これまでのところ、イメージボタンを作成してクリックイベントをアタッチしました。 しかし、問題は、画像（sun.png）がチャートの左側にあり、画像ボタンが右揃え（ツールバーのデフォルト位置）であることです。これに対する修正？

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 
     } 

    } 
} 

また、clickイベントを持つチャートに画像を追加する他の方法がある場合は、これらの方法も歓迎されます。

Answer 1

最後に、私はこのように考え出しました。 他の人に役立つかもしれません。

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