title: Adding image in highchart
body: <p>I'm trying to add image in the highchart but I cannot see the image. 
  Please see the code below:</p>
  
  <pre class="lang-js prettyprint-override"><code>var currentECGOptions = {
      chart: {
          renderTo: 'currentECGContainer',
          events: {  
              load: function () {
                  alert("load this function");
                 this.renderer.image('/Content/Images/logo.png', 100, 100, 30, 30)
                      .on('click' , function(){location.href='http://www.highcharts.com'})
                      .css({cursor:'Pointer'})
  
                      .add();
                      }
                  }    
      },
  
      navigator: {
          enabled: true,
          maskFill: 'rgba(255, 255, 255, 0.45)',
          series: {
              type: 'areaspline',
              color: 'rgba(255, 255, 255, 0.00)',
              fillOpacity: 0.8,
              dataGrouping: {
                  smoothed: true
              },
              lineWidth: 1,
              lineColor: 'blue',
              fillColor: {
                  linearGradient: {
                      x1: 0,
                      y1: 0,
                      x2: 0,
                      y2: 1
                  },
                  stops: [[0, '#FF8000'], [1, '#FFFF00']]
              },
              marker: {
                  enabled: false
              },
              shadow: false
          },
          yAxis: {
              reversed: false
          }
      },
      series: [{
          showInLegend: false,
          data: [null, null]
      }]
       };
  
  currentECGOptions = jQuery.extend(true, {}, options, currentECGOptions);
  
  var currentECG = new Highcharts.Chart(currentECGOptions);
  
  currentECG.setTitle({ text: "CURRENT ECG" });
  currentECG.showLoading();
  </code></pre>