JSFiddle - React, Tailwind, and code Playground

HTML

<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/jquery.jqplot.js"></script>
  
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.dateAxisRenderer.js"></script>
 
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.categoryAxisRenderer.js"></script>
 
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasAxisTickRenderer.js"></script>
 
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasTextRenderer.js"></script>
 
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
 
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.pointLabels.js"></script>

<div id="chart1"></div>

JavaScript

$(document).ready(function(){
  var line1=[['2008-09-30 4:00PM',4], ['2008-10-30 4:00PM',6.5], ['2008-11-30 4:00PM',5.7], ['2008-12-30 4:00PM',9], ['2009-01-30 4:00PM',8.2]];
    var line2=[['30/09/2008 4:00PM',4],['30/10/2008 4:00PM',6.5], ['30/11/2008 4:00PM',5.7], ['30/12/2008 4:00PM',9], ['30/01/2009 4:00PM',8.2]];
  var plot1 = $.jqplot('chart1', [line2], {
    title:'Default Date Axis',
    axes:{xaxis:{
        renderer:$.jqplot.DateAxisRenderer,
        tickOptions: {
            angle: -30,
            formatString: '%d/%m/%Y %H:%M'
        },
    }},
    series:[{lineWidth:4, markerOptions:{style:'square'}}]
  });
});