diff --git a/mainJs.js b/mainJs.js
index 73e8667..584d146 100644
--- a/mainJs.js
+++ b/mainJs.js
@@ -1,22 +1,49 @@
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
+ google.charts.load('current', {'packages':['bar']});
+ google.charts.setOnLoadCallback(drawBarChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
- ['Task', 'Hours per Day'],
- ['Work', 11],
- ['Eat', 2],
- ['Commute', 2],
- ['Watch TV', 2],
- ['Sleep', 7]
+ ['Task', 'Amount'],
+ ['Food and Dining', 11],
+ ['Transportation', 2],
+ ['Utilities', 2],
+ ['Clothing', 2],
+ ['Entertainment', 2],
+ ['Other', 7]
]);
var options = {
- title: 'My Daily Activities'
+ title: 'Spending Breakdown'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
+
+ function drawBarChart() {
+ var data = google.visualization.arrayToDataTable([
+ ['Category', 'You', 'Average 18 Year Old'],
+ ['Food and Dining', 1000, 400],
+ ['Transportation', 1170, 460],
+ ['Utilities', 660, 1120],
+ ['Clothing', 1030, 540],
+ ['Entertainment', 1030, 540],
+ ['Other', 1030, 540]
+ ]);
+
+ var options = {
+ chart: {
+ title: 'Spending Comparison',
+ subtitle: 'Compared to other 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));
+ }
diff --git a/profile.html b/profile.html
index 8c5735f..c82e9d3 100644
--- a/profile.html
+++ b/profile.html
@@ -5,6 +5,6 @@
-
+