JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container2" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        credits: {
                enabled: false
            },

            chart: {
                renderTo: 'container2',
                type: 'spline'
            },
            title: {
                text: 'Total Reach'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: ['May', 'June', 'July', 'August', 'September', 'October', 'November', 'December','January'],
                tickmarkPlacement: 'on',
                title: {
                    enabled: false
                }
            },
        
        yAxis: {
            title: {
                    text: 'Millions'
                },
            startOnTick: false
        },
        series: [{
                name: 'Editorials',
                data: [
                10711892,
                13003585,
                28960731,
                38115080,
                51516372,
                66994105,
                67793946,
                67796259,
                67804226]
            }, {
                name: 'Social',
                data: [
                467827,
                1092053,
                2945347,
                5618429,
                9359224,
                13594651,
                13750488,
                13828197,
                13954978]
            }, ]
    });
});