JSFiddle - React, Tailwind, and code Playground

by Akihiko Kusanagi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="mileStoneChart"></canvas>

JavaScript

function newDate(days) 
			{ 
				return moment(days,'YYYY-MM-DD').format('ll');         
			}

			
			function newDate1(date) 
			{ 
			    return moment(date,'YYYY-MM-DD').format('ll');
			}


			var data1 = {
			    //labels: <% =this.xAxisValues %>,
			    //yLabels: <% =this.xAxisValues %>,
				datasets: [
					{
						type: 'line',
						label: 'BMKU',
              data: [{x: newDate('2011-09-20') , y: newDate1('2011-09-30')},{x: newDate('2011-09-21') , y: newDate1('2011-09-30')},{x: newDate('2011-09-22') , y: newDate1('2011-09-30')},{x: newDate('2011-09-23') , y: newDate1('2011-09-30')},{x: newDate('2011-09-24') , y: newDate1('2011-09-30')},{x: newDate('2011-09-25') , y: newDate1('2011-09-30')},{x: newDate('2011-09-26') , y: newDate1('2011-09-30')},{x: newDate('2011-09-27') , y: newDate1('2011-09-30')},{x: newDate('2011-09-28') , y: newDate1('2011-09-30')},{x: newDate('2011-09-29') , y: newDate1('2011-09-30')},{x: newDate('2011-09-30') , y: newDate1('2011-09-30')},{x: newDate('2012-01-31') , y: newDate1('2011-09-30')},{x: newDate('2012-02-01') , y: newDate1('2011-09-30')},{x: newDate('2012-02-02') , y: newDate1('2011-09-30')},{x: newDate('2012-02-03') , y: newDate1('2011-09-30')},{x: newDate('2012-02-06') , y: newDate1('2011-09-30')},{x: newDate('2012-02-07') , y: newDate1('2011-09-30')},{x: newDate('2012-02-08') , y: newDate1('2011-09-30')},{x: newDate('2012-02-09') , y: newDate1('2011-09-30')},{x: newDate('2012-02-10') , y: newDate1('2011-09-30')},{x: newDate('2012-02-13') , y: newDate1('2011-09-30')},{x: newDate('2012-02-14') , y: newDate1('2011-09-30')},{x: newDate('2012-02-15') , y: newDate1('2011-09-30')},{x: newDate('2012-02-16') , y: newDate1('2011-09-30')},{x: newDate('2012-02-17') , y: newDate1('2011-09-30')},{x: newDate('2012-02-20') , y: newDate1('2011-09-30')},{x: newDate('2012-02-21') , y: newDate1('2011-09-30')},{x: newDate('2012-02-22') , y: newDate1('2011-09-30')},{x: newDate('2012-02-23') , y: newDate1('2011-09-30')},{x:...