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="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
        $('#container').highcharts({
        credits: {
                enabled: false
            },

            chart: {
                renderTo: 'container',
                type: 'areaspline'
            },
            title: {
                text: 'Total Reach for All Camapaigns'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: [
'July 2011',
'August 2011',
'Sept 2011',
'Oct 2011',
'Nov 2011',
'Dec 2011',
'Jan 2012',
'Feb 2012',
'March 2012',
'April 2012',
'May 2012',
'June 2012',
'July 2012',
'Aug 2012',
'Sept 2012',
'Oct 2012',
'Nov 2012',
'Dec 2012',
'Jan 2013',
'Feb 2013'],
                tickmarkPlacement: 'on',
                title: {
                    enabled: false
                }
            },
        
        yAxis: {
            title: {
                    text: 'Millions'
                },
            startOnTick: false
        },
        series: [{
                name: 'Total Placements Per Month for All Campaigns',
                data: [
                32954,
316456,
91277,
183529,
219311,
113327,
3393595,
145841,
321796,
7700544,
200139,
2150114,
361313,
406617,
555896,
247918,
45699,
161603,
11331,
1204
                ]
            } ]
    });
      });