JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div>
	<select id="test">
		<option>1</option>
		<option>2</option>
	</select>
	</div>
  <br>
<div id="chart-container-single-lindedin" style="height: 360px; width: 100%;"></div>
<br>
<br>

<div id="chart-container-multi-linkedin-profile" style="height: 360px; width: 100%;"></div>

JavaScript

var dps = []; // dataPoints
dps = [{ label: "cert",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 3,
y: 543252352353.16 },{ label: "profile",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 8432432432423,
y: 8.26 },{ label: "cert",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 2,
y: 1.36 },{ label: "wqe",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 6,
y: 6.46 },{ label: "fsd",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 1,
y: 1.56 },{ label: "czx",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 4,
y: 5.66 },{ label: "ton",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 5,
y: 5.76 },{ label: "soun",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 7,
y: 8.76 },{ label: "bedi",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 5,
y: 15.96 },{ label: "chak",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 18,
y: 18.36 },{ label: "ria",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 15,
y: 15.36 },{ label: "kakkar",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 18,
y: 18.36 },{ label: "toni",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 17,
y: 18.76 },{ label: "syahn",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 15,
y: 15.96 },{ label: "ram",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 18,
y: 18.36 },{ label: "gupta",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 15,
y: 15.36 },{ label: "sunil",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 18,
y: 18.36 }]

var dps1 = []; // dataPoints
dps1 = [{ label: "wqe",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 4,
y:...