JSFiddle - React, Tailwind, and code Playground

by leoasis

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/highcharts-more.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {     
    window.chart = new Highcharts.StockChart({
    
        chart: {
            renderTo: 'container',
            type: 'arearange'
        },
        
        rangeSelector: {
            selected: 2
        },
        
        title: {
            text: 'Temperature variation by day'
        },
    
        tooltip: {
            valueSuffix: '°C'
        },
        
        series: [{
            name: 'Temperatures',
            step: true,
            data: [[0, 0, 5], [1, 2, 10], [2, 3, 15]]
        }]
    
    });
    
});