Google Charts json for angularjs

progressChart.js

  $scope.progressChart = {
		type: "PieChart",
		displayed: false,
		cssStyle: "height:200px; width:100%;",
		data: {
			"cols": [
				{id: "month", label: "Today's Progress", type: "string"},
				{id: "completed-id", label: "Completed Today", type: "number"},
				{id: "due-id", label: "Due Today", type: "number"},
				{id: "overdue-id", label: "Overdue", type: "number"}
			],
		},
		options: {
			"title": "Today's Progress",
			colors: ["#98DB33", "#3498db", "#e74c3c"],
			"displayExactValues": true,
		}
	};

systemsChart.js

  $scope.systemsChart = {
		type: "LineChart",
		displayed: false,
		cssStyle: "height:250px; width:100%;",
		data: {
			"cols": [],
			"rows": []
		},
		theme: {
			chartArea: {
				width: '100%',
				height: '100%'
			}
		},
		options: {
			title: "Systems Completed",
			colors: ["#98DB33", "#3498db", "#e74c3c"],
			"displayExactValues": true,
			"vAxis": {
				"gridlines": {"count": 4}
			},
			legend: {
				position: 'bottom',
			}
		}
	};

teamProgress.js

  $scope.teamProgressChart = {
		type: "ColumnChart",
		displayed: false,
		cssStyle: "height: 400px; width: 100%;",
		data: {
			"cols": [],
			"rows": []
		},
		options: {
			"title": "Team System Progress",
			"isStacked": "true",
			"fill": 20,
			colors: [
				"#98DB33",
				"#3498db",
				"#e74c3c",
				"#3398DB",
				"#DB7633",
				"#DB3344",
				"#DB3398",
				"#7633DB",
				"#33DBCA",
				"#3398DB",
				"#B2E467",
				"#BC9BED"
			],
			"displayExactValues": true,
			"vAxis": {
				"title": null, "gridlines": {"count": 6}
			}
		}
	};