Scatter chart with n no of dataPoints - CanvasJS

Scatter chart with n no of dataPoints - CanvasJS

by canvasjs

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 -->

<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var dataPoints = [];
var limit = 50;
var y = 0;

for ( var i = 0; i < limit; i++ ) {
    
    y +=  (Math.random() * 10 - 5);
    dataPoints.push({y: y });
}

var chart = new CanvasJS.Chart("chartContainer",
	{
		title:{
			text: "Scatter chart with n no of dataPoints"
		},
		data: [
		{
            type: "scatter",
            dataPoints: dataPoints
        }
		]
	});

chart.render();