JSFiddle - React, Tailwind, and code Playground

by Jernej Slejko

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>

<div id="container"></div>

JavaScript

$(function() {
    chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        
        navigator: {
            enabled: false
        },
        scrollbar: {
            enabled: false
        },
        rangeSelector: {
            enabled: false        
        },
        
        xAxis: {
            tickInterval: 30 * 24 * 3600 * 1000,
            startOnTick: true,
            endOnTick: true
        },

        series: [{
            data: [29.9, 71.5],
            pointStart: Date.UTC(2010, 0, 1),
            pointInterval: 30*24 * 3600 * 1000 // one day
        },
                {
            data: [29.9, 71.5],
            pointStart: Date.UTC(2010, 0, 1),
            pointInterval: 30*24 * 3600 * 1000 // one day
        } ,
                {
            data: [29.9, 71.5],
            pointStart: Date.UTC(2010, 0, 1),
            pointInterval: 30*24 * 3600 * 1000 // one day
        }]
    });
});