Parse DataPoints From Array - CanvasJS Javascript Charts

Parse DataPoints From Array - CanvasJS Javascript Charts

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 dataArray = [10,13,18,20,17,10,13,18,20,17,20,17,10,13,18,10,13,18,27,13,18,27,20,17,15,19,29,31,25,10];

var dps = [];   //dataPoints. 
   
	 var chart = new CanvasJS.Chart("chartContainer",{
      	title :{
      		text: "Data Plotted from Array"
      	},
      	axisX: {						
      		title: "Axis X Title"
      	},
      	axisY: {						
      		title: "Units"
      	},
      	data: [{
      		type: "line",
      		dataPoints : dps
      	}]
      });


     function parseDataPoints () {
        for (var i = 0; i <= dataArray.length; i++)
          dps.push({y: dataArray[i]});     
     };
   		
   	 parseDataPoints();
     chart.options.data[0].dataPoints = dps;
     chart.render();