diff --git a/data/interfaces/default/graphs.html b/data/interfaces/default/graphs.html
index 9aef481d..e3fa13a4 100644
--- a/data/interfaces/default/graphs.html
+++ b/data/interfaces/default/graphs.html
@@ -263,9 +263,35 @@
 <script>
     $(document).ready(function () {
 
-        var current_range = 30;
-        var yaxis = 'plays';
-        var current_tab = '#tabs-1';
+		// Save graph state to cookies
+		$('input[name=yaxis-options]').change(function() {
+			setCookie('graphType', $(this).val(), 365, '/');
+		});
+		$('input[name=date-options]').change(function() {
+			setCookie('graphDate', $(this).val(), 365, '/');
+		});
+		$('a[data-toggle=tab]').click(function() {
+			setCookie('graphTab', $(this).attr('href'), 365, '/');
+		});
+		
+		// Initial values for graph if no saved state
+		var yaxis = 'plays';
+		var current_range = 30;
+		var current_tab = '#tabs-1';
+			
+		// Read saved graph state from cookies and set initial values
+		if(getCookie('graphType')) {
+			var yaxis = getCookie('graphType');
+			$('input[name=yaxis-options][value=' + yaxis + ']').prop('checked', true).trigger('click');
+		}
+		if(getCookie('graphDate')) {
+			var current_range = getCookie('graphDate');
+			$('input[name=date-options][value=' + current_range + ']').prop('checked', true).trigger('click');
+		}
+		if(getCookie('graphTab')) {
+			var current_tab = getCookie('graphTab');
+			$('a[data-toggle=tab][href=' + current_tab + ']').trigger('click');
+		}
 
         function loadGraphsTab1(time_range, yaxis) {
             setGraphFormat(yaxis);