हाइचार्ट्स: एक कस्टम छवि बटन जोड़ें

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 
     } 

    } 
} 

इसके अलावा, अगर चार्ट में कोई छवि जोड़ने के लिए अन्य विधियां हैं जिन पर क्लिक ईवेंट है, तो उन विधियों का भी स्वागत है।

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