title: High Chart to Image
body: <p>I'm trying to convert highchart into canvas, so that i can set it to img src.</p>
  
  <p>This is my code</p>
  
  <p><strong>Javascript:</strong> </p>
  
  <pre><code>html2canvas([document.getElementById('container')], {
      onrendered: function (canvas) {
          document.getElementById('canvas').appendChild(canvas);
          var data = canvas.toDataURL('image/png');
          var image = new Image();
          image.src = data;
          document.getElementById('image').appendChild(image);
      }
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="canvas"&gt;
      &lt;p&gt;Canvas :&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="image"&gt;
      &lt;p&gt;Image :&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm not able to get the highchart data as canvas, please help me to solve this</p>