Basic Column Chart - CanvasJS

Basic Column Chart

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: "experience",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 3,
y: 3.36 },{ label: "education",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 4,
y: 9.36 },]

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

var dps2 = []; // dataPoints
dps = [{ label: "dasd",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 6,
y: 6.36 },{ label: "vcx",
toolTipContent: "<span>Admin Lname</span> <b>Time Spent:</b> 3.36 sec",
x: 7,
y: 7.36 },]
var all_linkedin_page_views = [];
all_linkedin_page_views = [{ids_for_change_graph: "1_9",color: "#0b62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},{ids_for_change_graph: "1_9",color: "#0a62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps1,
type: "line"},{ids_for_change_graph: "1_9",color: "#0c62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps2,
type: "line"},{ids_for_change_graph: "1_9",color: "#0d62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},{ids_for_change_graph: "1_9",color: "#0e62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},{ids_for_change_graph: "1_9",color: "#0f62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},{ids_for_change_graph: "1_9",color: "#0g62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},{ids_for_change_graph: "1_9",color: "#0h62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},{ids_for_change_graph: "1_9",color: "#0i62a4",
name: "Admin Lname",
showInLegend: true,
dataPoints: dps,
type: "line"},]
//set y axis data 

var y_axis = [{
    title: "Time Spent in Seconds",
    lineColor: "#0b62a4",
   ...