JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.css">
<script src="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.js"></script>
<div id="chart2" style="height:250px; width:596px;"></div>

JavaScript

$(document).ready(function(){


  var line1 = [[1,0],[3,-0.42437431991294],[4,-1.9912948857454],[7,-1.512513601741],[11,-2.3177366702938],[12,-2.6115342763874],[15,-3.4711643090316],[18,-1.316648531012],[20,-0.54406964091403],[23,-0.71817192600653],[24,-1.7627856365615],[29,-1.8824809575626],[31,-2.9815016322089],[32,-1.0663764961915],[37,-1.512513601741]];   
  var plot3 = $.jqplot('chart2', [line1], {


    seriesDefaults: { lineWidth: 0.8, showMarker:false,  showMarker:false },




    grid: {background:'#fdfdfd', borderWidth: 0.4 },
        series: [            
        {label: 'incl. Dividende'},
      {label: 'excl. Dividende'}
        ],
        seriesColors: [ "#009933", "#003399"],
    axes:{
        xaxis:{
            //renderer:$.jqplot.CategoryAxisRenderer,
            //rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},
            max: 40,
            min: 1,
            numberTicks: 5,
         }
      }
    });
});