JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js"></script>
<script type="text/javascript" src="https://gabelerner.github.io/canvg/canvg.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.js"></script>

<div id="chart"></div>

<input type="submit" id="export" value="EXPORT" />

JavaScript

$(function(){
    (function (H) {
                H.Chart.prototype.createCanvas = function (divId) {
                    var svg = this.getSVG(),
					    width = parseInt(svg.match(/width="([0-9]+)"/)[1]),
					    height = parseInt(svg.match(/height="([0-9]+)"/)[1]),
					    canvas = document.createElement('canvas');

                    canvas.setAttribute('width', width);
                    canvas.setAttribute('height', height);

                    if (canvas.getContext && canvas.getContext('2d')) {
                        canvg(canvas, svg);

                        return canvas.toDataURL("image/jpeg");
                    }
                    else {
                        alert("Your browser doesn't support this feature, please use a modern browser");
                        return false;
                    }
                }
            }(Highcharts));

   $('#chart').highcharts({
                chart: {
                    type: 'column',
                    spacingBottom: 0,
                    spacingTop: 20,
                    spacingLeft: 0,
                    spacingRight: 0
                },
                exporting: {
                    enabled: false
                },
                credits: {
                    enabled: false
                },
                title: {
                    text: null
                },
                legend: {
                    enabled: false
                },
                xAxis: {
                    categories: ['Sales Performance',],
                    labels: {
                        style: {
                            color: '#000'
                        }
                    }
                },
                yAxis: {
                    title: {
                        text: null
                    },
                    labels: {
                        format: '{value}%',
                        overflow: 'justify',
                        style: {
                         ...