JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

//data1 = 3,1,4,0
//data2 = 3,1,4,0
$(document).ready(function() {
    var chart = new Highcharts.Chart({
          chart: {
             renderTo: 'container',
             type: 'line' //spline, line, column
          }, 
          credits: {
      enabled: false
  },
  exporting: { 
    enabled: false 
  },
        title:  { text: 'EstatĂ­sticas' }, 
        xAxis:  { type: 'datetime',},             
        yAxis:  { min:0, }, 
        legend: {
                    layout: 'vertical',
                    backgroundColor: '#FFFFFF',
                    align: 'left',
                    verticalAlign: 'top',
                    x: 50,
                    y: 35,
                    floating: true,
                    shadow: true
                }, 
        plotOptions: { column: { pointPadding: 0.3, borderWidth: 0 }}, 
        series: [{
            name: 'Data',             
            data: [[Date.UTC(2015,0,1),2],[Date.UTC(2015,0,2),3],[Date.UTC(2015,0,10),1]],
                     
        }]
    });
});