Basic Scatter Chart - CanvasJS

Basic Scatter Chart - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer1" style="height: 300px; width: 100%; margin-left:auto; margin-right:auto;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer1", 
{
	title:{
		text: "Basic Scatter Chart"
	},
	data: [
	{
		type: "scatter",
		dataPoints: [
            { label: "Bangalore", y: 23, x: 1 },
            { label: "Bangalore", y: 54, x: 1 },
            { label: "Mysore",    y: 10, x: 2 },
            { label: "Bangalore", y: 42, x: 1 },
            { label: "Mysore",    y: 40, x: 2 }
		]
	}
	]
});
chart.render();