Creating chart using dataPoints from URL - CanvasJS JavaScript Charts

Creating chart using dataPoints from URL - 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 url = "www.example.xyz?q1=0&q2=75&q3=25&q4=25&q5=50&q6=75&q7=25&q8=50&q9=0&q10=100&q11=75&q12=0&q13=0&q14=50";
var values = url.match(/(q[0-9]+=)(\d+)/g).join(",").replace(/q[0-9]+=/g,"").split(",");
var dataPoints = [];

for (var i = 0; i < values.length; i++)
	dataPoints.push({y: parseInt(values[i]), indexLabel:values[i] });

var chart = new CanvasJS.Chart("chartContainer",
{        
	data: [
	{
		type: "pie",
		dataPoints: dataPoints
	}]
});

chart.render();