Creating Chart from AJAX & JSONP Crossdomain - CanvasJS JavaScript Charts

Creating Chart from AJAX & JSONP Crossdomain - 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 chart = new CanvasJS.Chart("chartContainer",
{
	data: [
	{
		type: "line"
	}					
	]
});

jQuery.getJSON("https://canvasjs.com/services/data/datapoints.php?xstart=5&ystart=10&length=1000&type=json&callback=?", function(data){
	var dataPoints = [];
  $.each(data, function(key, value){
  	dataPoints.push({x: value[0], y: value[1]})	;    
  	//console.log("x: " + value[0] + "; y:" + value[1]);
  });
  
  chart.options.data[0].dataPoints = dataPoints;
  chart.render();
});