JSFiddle - React, Tailwind, and code Playground

by ppradhan

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br>
<div id="chartContainer" style="height: 600px; width: 100%;"></div>

JavaScript

var ToolTipHtml = "";
ToolTipHtml += "<div><b>{number}</b></div>";

var chart = new CanvasJS.Chart("chartContainer",{
	title:{
		text: "SEStimate Planning Graph",
		fontSize: 40,
		fontColor: "#000",
		horizontalAlign: "left"
	},
	axisX: {
		title: "Age in Months",
		interval: 1,
		minimum: 35.5,
		labelFontSize: 14,
		labelFontColor: "#000",
		titleFontColor: "#000",
		titleFontSize: 20,
		tickColor: "transparent",
		lineColor: "#4A83BA",
	},
	axisY: {
		title: "SEstimate Score",
		interval:5,
		gridThickness: 0,
		labelFontSize: 14,
		labelFontSize: 14,
		labelFontColor: "#000",
		titleFontColor: "#000",
		titleFontSize: 20,
		tickColor: "transparent",
		lineColor: "#4A83BA",
    maximum: 100,
	},
	data: [
    {        
		type:...