JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

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

<div id="container_account_graph" style="min-width: 430px; height: 432px; margin: 0 auto"></div>

JavaScript

$(function () {
    Highcharts.setOptions({
        colors: ['#455365', '#f9d006'],
        tooltip: {
            backgroundColor: '#455365',
            color: '#ecf2f5',
            borderWidth: 1,
            borderColor: '#455365',
            borderRadius: 10
        },
    });
    $('#container_account_graph').highcharts({
        chart: {
            backgroundColor: '#fafafa',
            type: 'line'
        },
        xAxis: {
            categories: ['SUN', 'MON', 'TUES', 'WED', 'THURS', 'FRI', 'SAT']
        },
        yAxis: {
            plotLines: [{
                value: 0,
                width: 1,
                color: '#b1c1ca'
            }]
        },
        series: [{
            data: [1.0, 2.9, 4.5, 7.5, 5.2, 9.5, 8.5]
        }, {
            data: [3.2, 7, 4.7, 8.3, 5.0, 6.0, 2.8]
        }]
    });
});