JSFiddle - React, Tailwind, and code Playground

by Ryan J

HTML

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

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

JavaScript

var options = {
            chart: {
                renderTo: 'container',
                type: 'line',
                height: 80,
                width: 190,
                backgroundColor: '#EBEEEF'
            },
            title: {
                text: 'Test'
            },
            xAxis: {
                type: 'datetime',
                tickPixelInterval: 50,
                labels: {
                    style: {
                        fontSize: '9px'
                    }
                }
            },
            yAxis: {
                
                title: {
                    text: ''
                },
                labels: {
                    style: {
                        fontSize: '9px'
                    }
                }
            },
            plotOptions: {
                series: {
                    marker: {
                        enabled: false
                    }
                }
            },
            legend: {
                enabled: false
            },
            credits: {
                enabled: false
            },
            tooltip: {
                followPointer: true,
                formatter: function () {
                    var p = Highcharts.numberFormat(this.y, 2, ',', ' ')
                    var d = Highcharts.dateFormat('%d/%m/%Y', this.x)
                    return d + '<br>' + p + ' €';
                }
            },
            series: [{
                    color: '#646D70',
                    data:...