JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="chart-container"></div>

JavaScript

$( function() {
    var astm = new Highcharts.Chart({
          chart: {
            renderTo: 'chart-container',
              type: "line"
        },
        plotOptions: {
            line: {
                enableMouseTracking: true,
                marker: {
                    enabled: false
                }
            }
        },
        title: {
            text: "Lubricant viscosity chart"
        },
        subtitle: {
            text: "In accordance with ASTM D341"
        },
        xAxis: {
            title: {
                text:  "Temperature ( \xB0C )"
            },
            categories: [ -20,-19,-18,-17,-16,-15,-14,-13,-12,-11,-10,-9,-8,-7,-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40 ],
            labels: {
                step:   5
            },
            type: "linear"
        },
        yAxis: {
            title: {
                text:  "Kinematic Viscosity (cSt)"
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }],
            min: 0,
            type: "logarithmic"
        },
        series: [{
            name: "CARTER EP 220",
            data: [
                 69109.53,59525.35,51402.47,44500.04,38619.65,33597.38,29297.43,25607.05,22432.35,19694.94,17329.24,15280.23,13501.66,11954.54,10605.93,9427.96,8396.96,7492.82,6698.41,5999.07,5382.30,4837.35,4355.00,3927.31,3547.43,3209.46,2908.26,2639.41,2399.05,2183.82,1990.81,1817.45,1661.52,1521.05,1394.35,1279.89,1176.36,1082.59,997.53,920.29,850.06,786.11,727.82,674.62,626.01,581.54,540.81,503.47,469.19,437.69,408.72,382.04,357.45,334.75,313.79,294.42,276.48,259.87,244.47,230.18,216.90
            ]
        }]
    });
       
});