Google

Edit File: linegraph.js

$(document).ready(function(){
//$mysqli->close();
	$.ajax({
		url : "http://174.138.59.75/apps/sfs/admin/followersdata.php",
		type : "GET",
		success : function(data){
			console.log(data);

var userid = [];
			var facebook_follower = [];
			var twitter_follower = [];
			var googleplus_follower = [];

for(var i in data) {
				userid.push("UserID " + data[i].userid);
				facebook_follower.push(data[i].facebook);
				twitter_follower.push(data[i].twitter);
				googleplus_follower.push(data[i].googleplus);
			}

var chartdata = {
				labels: userid,
				datasets: [
					{
						label: "facebook",
						fill: false,
						lineTension: 0.1,
						backgroundColor: "rgba(59, 89, 152, 0.75)",
						borderColor: "rgba(59, 89, 152, 1)",
						pointHoverBackgroundColor: "rgba(59, 89, 152, 1)",
						pointHoverBorderColor: "rgba(59, 89, 152, 1)",
						data: facebook_follower
					},
					{
						label: "twitter",
						fill: false,
						lineTension: 0.1,
						backgroundColor: "rgba(29, 202, 255, 0.75)",
						borderColor: "rgba(29, 202, 255, 1)",
						pointHoverBackgroundColor: "rgba(29, 202, 255, 1)",
						pointHoverBorderColor: "rgba(29, 202, 255, 1)",
						data: twitter_follower
					},
					{
						label: "googleplus",
						fill: false,
						lineTension: 0.1,
						backgroundColor: "rgba(211, 72, 54, 0.75)",
						borderColor: "rgba(211, 72, 54, 1)",
						pointHoverBackgroundColor: "rgba(211, 72, 54, 1)",
						pointHoverBorderColor: "rgba(211, 72, 54, 1)",
						data: googleplus_follower
					}
				]
			};

var ctx = $("#mycanvas");

var LineGraph = new Chart(ctx, {
				type: 'line',
				data: chartdata
			});
		},
		error : function(data) {

}
	});
});