JSFiddle - React, Tailwind, and code Playground

by Chitkala More

HTML

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

<div id="container"></div>

JavaScript

const condition = Boolean(Math.round(Math.random()))

const options = {
  series: [{
    data: [
    	[Date.UTC(2010, 1, 1,10,10), 20],
      [Date.UTC(2010, 2, 1), 70],
      [Date.UTC(2010, 3, 1), 50],
    ]
  }],
  xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
    	day: condition ? "%e-%b-%y" : "%e\%b\%y",
    	month: condition ? "%b-%y" : '%b \'%y'
    }
  }
}

const chart = Highcharts.chart('container', options)