talksik/financeCategories
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

more data

Browse Source
This commit is contained in:
Sajal Sharma
2017-09-16 02:59:07 -07:00
parent 333f3adebb
commit f227c084c5
1 changed files with 61 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mainJs.js
+61 -11
View File
@@ -1,18 +1,20 @@
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawBarChart);
google.charts.setOnLoadCallback(drawAgeChart);
google.charts.setOnLoadCallback(drawIncomeChart);
google.charts.setOnLoadCallback(drawCityChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Amount'],
['Food and Dining', 38.30],
['Dining', 38.30],
['Transportation', 12.01],
['Utilities', 0],
['Clothing', 146.25],
['Entertainment', 20.50],
['Other', 100.01]
['Other', 320.40]
]);
@@ -25,21 +27,69 @@ google.charts.load('current', {'packages':['corechart']});
chart.draw(data, options);
}
function drawBarChart() {
function drawAgeChart() {
var data = google.visualization.arrayToDataTable([
['Category', 'You', 'Average 18 Year Old'],
['Food and Dining', 38.30, 35],
['Transportation', 12.01, 10],
['Utilities', 0, 4],
['Clothing', 146.25, 70],
['Entertainment', 20.50, 20],
['Other', 100.01, 100]
['Dining', 38.30, 25.71],
['Transportation', 12.01, 18.20],
['Utilities', 0, 8.00],
['Clothing', 146.25, 25.00],
['Entertainment', 20.50, 24.04],
['Other', 320.40, 45.03]
]);
var options = {
chart: {
title: 'Spending Comparison',
subtitle: 'Compared to other 18 year olds',
subtitle: 'Compared to 18 year olds',
},
bars: 'horizontal' // Required for Material Bar Charts.
};
var chart = new google.charts.Bar(document.getElementById('barchart_material'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
function drawIncomeChart() {
var data = google.visualization.arrayToDataTable([
['Category', 'You', 'Average Person of Your Income'],
['Dining', 38.30, 25.82],
['Transportation', 12.01, 150.81],
['Utilities', 0, 8.31],
['Clothing', 146.25, 41.42],
['Entertainment', 20.50, 25.92],
['Other', 320.40, 105.25]
]);
var options = {
chart: {
title: 'Spending Comparison',
subtitle: 'Compared to people of your income group',
},
bars: 'horizontal' // Required for Material Bar Charts.
};
var chart = new google.charts.Bar(document.getElementById('barchart_material'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
function drawCityChart() {
var data = google.visualization.arrayToDataTable([
['Category', 'You', 'Average Person in Your City'],
['Dining', 38.30, 50.24],
['Transportation', 12.01, 10.34],
['Utilities', 0, 10.40],
['Clothing', 146.25, 50.14],
['Entertainment', 20.50, 11.42],
['Other', 320.40, 104.13]
]);
var options = {
chart: {
title: 'Spending Comparison',
subtitle: 'Compared to poeple in yout city',
},
bars: 'horizontal' // Required for Material Bar Charts.
};