JSFiddle - React, Tailwind, and code Playground

by Mike Rawling

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

JavaScript

$(function () {
    
	/*
	Highcharts.setOptions({
		lang: {
			thousandsSeparator: '\u002C'
		}
    });
	*/
	
	$('#container').highcharts({
	
            colors: ['#FED132', '#06A77D', '#052F5F', '#AAAAAA'],
                 chart: {
                   type: "area",
                   zoomType:"x",
				   marginBottom:100,
				   backgroundColor: '#f4f4f4',
                 },
				 tooltip: {
					backgroundColor: null,
					borderWidth: 0,
					shadow: true,
					useHTML: true,
					style: {
						padding: 0
					}
				},
                 plotOptions: {
				 	series: {
						 lineWidth: 1
					 },
                   		area: {
                     marker: {
                       enabled: false
                     },
                     stacking: "normal",
					 stickyTracking: false
                   }
                 },
                 title: {
                   text: ""
                 },
				 legend: {
						align: 'right',
						verticalAlign: 'middle',
						layout: 'vertical',
						x: 0,
						y: 0
				},
                 subtitle: {
                   text: "",
                   x: -0
                 },
                 xAxis: {
                   categories: [
                     "20 June 2016",
                     "21 June 2016",
                     "22 June 2016",
                     "23 June 2016",
                     "24 June 2016",
                     "25 June 2016",
                     "26 June 2016",
                     "27 June 2016",
                     "28 June 2016",
                     "29 June 2016",
                     "30 June 2016",
                     "01 July 2016",
                     "02 July 2016",
                     "03 July 2016",
                     "04 July 2016",
                     "05 July 2016",
                     "06 July 2016",
                     "07 July 2016",
                     "08 July 2016",
                     "09 July 2016",
                     "10 July 2016",
                    ...