JSFiddle - React, Tailwind, and code Playground

Waking - The interval between checking phones for the first time after waking and for the last time before going to sleep

by pepperdigital

HTML

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

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
    	backgroundColor: '#000000',
      borderColor: '#000000',
        type: 'column'
    },
        credits: {
        enabled: false
    },
     exporting: {
        enabled: false
    },

    colors: ['#86BC25', '#62B5E5', 
   '#00A3E0', '#0076A8', '#012169', '#2C5234', '#C4D600'],
    title: {
        text: ''
    },
      subtitle: {
        text: 'Source: Scaleup survey 2017, Deloitte analysis',
        floating: true,
        align: 'left',
        verticalAlign: 'bottom',
        y: 15
    },
    xAxis: {
        labels: {
           style: {
                color: '#FFFFFF'
            },
        },
 lineColor: '#FFFFFF',
        categories: [
'European Union','United States','China','Mexico','Canada','Japan','South Korea'
        ]
    },

    yAxis: {     
    gridLineColor: '#666666',
  
    min: 0,
    max: 80,
    labels: {
           format: '{value}%',
           style: {
                color: '#FFFFFF'
            },
        },
      
        title: {
            text: ''
        },
        title: {
            enabled: false
        }
    },
    
    legend: {
        enabled: false
    },
    plotOptions: {
        series: {
        borderColor: '#000000',
        }
    },
		tooltip: {
            valueSuffix: '%'
        },   
    series: [
    {
        name: 'Pre Brexit',
        data: [
74,
21,
12,
5,
4,
2,
2
        ]
    },
    {
        name: 'Post Brexit',
        data: [
35,
52,
16,
4,
8,
4,
5
        ]
    }
    ]
});