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.cursor.js"></script>
 
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.highlighter.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

var s2 = [1, 2, 3];
var s1 = ["Dangerous<br/>(a <br/>bit)", "Very<br/>dangerous", "Very<br/>very<br/>dangerous"];
var lineGraph1 = $.jqplot('chart3', [s1,s2], {
    seriesDefault: {
       showMarker: false,
       pointLabels: { show: true },
        tickRenderer: $.jqplot.CanvasAxisTickRenderer
    },
    axes: { 
       yaxis: {
          renderer: $.jqplot.CategoryAxisRenderer, 
          ticks: s1
       }
     },
});