JSFiddle - React, Tailwind, and code Playground

by jbenedict

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: auto; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'area'
        },
        title: {
            text: 'Psychotropic drug orders, 2010-2014'
        },
        subtitle: {
            text: 'Source: Monroe County Jail drug order records'
        },
        xAxis: {
            allowDecimals: false,

        },
        yAxis: {
            title: {
                text: 'Number of prescriptions ordered by the jail'
            },

        },

        plotOptions: {
            area: {
                pointStart: 2010,
                marker: {
                    enabled: false,
                    symbol: 'circle',
                    radius: 2,
                    states: {
                        hover: {
                            enabled: true
                        }
                    }
                }
            }
        },
        series: [{
            name: 'Psychotropic drugs ordered by the jail',
            data: [295, 248, 141, 374, 466]
        }]
    });
});