JSFiddle - React, Tailwind, and code Playground

by wind_chime18

HTML

<script src="https://raw.githubusercontent.com/nnnick/Chart.js/master/Chart.js"></script>
<canvas id="myChart" width="500" height="250"></canvas>

JavaScript

var data = {
	labels : ["January","February","March","April","May","June","July"],
	datasets : [
		{
			fillColor : "rgba(220,220,220,0.5)",
			strokeColor : "rgba(220,220,220,1)",
			data : [65,59,90,81,56,55,40]
		},
		{
			fillColor : "rgba(151,187,205,0.5)",
			strokeColor : "rgba(151,187,205,1)",
			data : [68,48,40,59,96,127,100]
		}
	]
}

var options = { animation : false };

//Get the context of the canvas element we want to select
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).Bar(data,options);