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: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
	  var lineSeries = Highcharts.seriesTypes.line;
    
   
    var lineDrawGraph = lineSeries.prototype.drawGraph;
    lineSeries.prototype.drawGraph = function() {
    
        var arrowLength = 15,
            arrowWidth = 9,
            series = this,
            segments = series.linedata || series.segments,
            lastSeg = segments[segments.length - 1],
            lastPoint = lastSeg[lastSeg.length - 1],
            nextLastPoint = lastSeg[lastSeg.length - 2],
            angle = Math.atan((lastPoint.plotX - nextLastPoint.plotX) /
            (lastPoint.plotY - nextLastPoint.plotY)),
            path = [];
    
            angle = Math.PI+angle;

        lineDrawGraph.apply(series, arguments);

        path.push('M', lastPoint.plotX, lastPoint.plotY);
        path.push(
            'L',
            lastPoint.plotX + arrowWidth * Math.cos(angle),
            lastPoint.plotY - arrowWidth * Math.sin(angle)
        );
        path.push(
            lastPoint.plotX + arrowLength * Math.sin(angle),
            lastPoint.plotY + arrowLength * Math.cos(angle)
        );
        path.push(
            lastPoint.plotX - arrowWidth * Math.cos(angle),
            lastPoint.plotY + arrowWidth * Math.sin(angle),
            'Z'
        );
    
        series.chart.renderer.path(path)
            .attr({
                fill: series.color
            })
            .add(series.group);
    
    };
    $('#container').highcharts({

	    chart: {

	      type:'line'
	    }, 
	xAxis: {
			 tickPixelInterval: 400,
  },
	    series: [ {
	        data: [[-0.141739258,0.36771843],
			[0.083459661,0.451178092],
			[0.51202565,0.963203742],
			[0.612026169,1.57522991]],
				 marker: {
            enabled: false
        }
			 },{
			data: [[0.10391336,-0.647706317],
			[0.208684058,-0.439022259],
			[0.031920245,-0.407102014],
			[-0.280249839,-0.687351853]],
				 marker: {
            enabled: false
        }
            },{
			
	        data:...