JSFiddle - React, Tailwind, and code Playground

by charliegriefer

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="loginsByDay" style="width:1000px; height:400px; margin:24px 0 0 0;"></div>

JavaScript

loginsByDay = new Highcharts.Chart({
            chart: {
                renderTo: 'loginsByDay',
                defaultSeriesType: 'line',
                marginRight: 200,
                marginBottom: 100, 
                zoomType: 'x'
            },
            title: {
                text: 'Logins / Day',
                x: -20 //center
            },
            credits: {
                enabled: false
            },
            subtitle: {
                text: 'All Sites',
                x: -20
            },
            xAxis: {
                type: 'datetime',
                staggerLines: 2,  
                 labels: {
                    formatter: function() {
                        return Highcharts.dateFormat('%m/%d', this.value);
                    },
                }, 
                y: 0
            },
            yAxis: {
                title: {
                    text: 'Logins'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }], 
                min: 0
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series: [{
                name: "Total Logins", 
                data: [[1305395552000,0],[1305481952000,1],[1305568352000,0],[1305654752000,1],[1305741152000,0],[1305827552000,0],[1305913952000,0],[1306000352000,0],[1306086752000,0],[1306173152000,0],[1306259552000,0],[1306345952000,0],[1306432352000,0],[1306518752000,0],[1306605152000,0],[1306691552000,0],[1306777952000,0],[1306864352000,0],[1306950752000,0],[1307037152000,0],[1307123552000,0],[1307209952000,0],[1307296352000,0],[1307382752000,0],[1307469152000,0],[1307555552000,0],[1307641952000,0],[1307728352000,0],[1307814752000,8],[1307901152000,0],[1307987552000,43]]
...