The charts below show how background image can be positioned in various locations on the chart.
The image is positioned using bgImageVAlign and bgImageHAlign attributes.
The value of these two attributes are also provided below each chart.

 

Chart will load here
Chart will load here
Chart will load here
bgImageVAlign='top'
bgImageHAlign='left'
bgImageVAlign='top'
bgImageHAlign='middle'
bgImageVAlign='top'
bgImageHAlign='right'
     
Chart will load here
Chart will load here
Chart will load here
bgImageVAlign='middle'
bgImageHAlign='left'
bgImageVAlign='middle'
bgImageHAlign='middle'
bgImageVAlign='middle'
bgImageHAlign='right'
     
Chart will load here
Chart will load here
Chart will load here
bgImageVAlign='bottom'
bgImageHAlign='left'
bgImageVAlign='bottom'
bgImageHAlign='middle'
bgImageVAlign='bottom'
bgImageHAlign='right'
     

 

The above sample showcases examples of different combinations of horizontal and vertical alignments of the custom background image. Click here to know more on how the code of this example works.