JSFiddle - React, Tailwind, and code Playground

by tomexx

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'areaspline'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            allowDecimals: false,
            labels: {
                formatter: function () {
                    return this.value; // clean, unformatted number for year
                }
            }
        },
        yAxis: {
            title: {
                text: ''
            },
            labels: {
                formatter: function () {
                    return this.value / 1000 + 'k';
                }
            }
        },
        tooltip: {
            enabled:false,
            pointFormat: ''
        },
        plotOptions: {
            areaspline: {
                pointStart: 1,
                connectEnds: false,
                marker: {
                    enabled: false,
                }
            }
        },
        series: [{
            name: 'test',
            data: []
        }, {
            name: 'test2',
            data: [0,0,7000,0,2000,0,5000,0,0]
        }]
    });
});