From 267929f8deb2bc3b00d84935b21dfe634703cf45 Mon Sep 17 00:00:00 2001
From: "Theodore X. Pak" <mail@theopak.com>
Date: Thu, 27 Nov 2014 11:20:55 -0500
Subject: [PATCH] Styles the chart.

---
 app/scripts/controllers/main.js | 12 ++++++++++--
 app/styles/view.scss            |  5 +++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/scripts/controllers/main.js b/app/scripts/controllers/main.js
index d08845f..d279b40 100644
--- a/app/scripts/controllers/main.js
+++ b/app/scripts/controllers/main.js
@@ -566,11 +566,19 @@ app.controller('MainCtrl', ['$scope', '$http', 'globalService', 'RainfallSeriesP
         x: {
           type: 'timeseries',
           tick: {
-            count: 12,
-            format: '%b'  // d3.date.format() specifier. '%b' is abbreviated month, '%B' is full month name.
+            count: 12,      // 12 months in the year.
+            culling: false, // don't cull (ie, select) the number of ticks. show them all!
+            fit: true,      // fit to size.
+            format: '%b'    // d3.date.format() specifier. '%b' is abbreviated month, '%B' is full month name.
           }
+        },
+        y: {
+          tick: { format: d3.format(',') }
         }
       },
+      grid: {
+        y: { show: true }
+      },
       legend: { position: 'right' },
       type: 'area-step'
     };
diff --git a/app/styles/view.scss b/app/styles/view.scss
index 4a8d448..fac821c 100644
--- a/app/styles/view.scss
+++ b/app/styles/view.scss
@@ -105,4 +105,9 @@ path.graticule {
 .administrative               { opacity: 0.10; }
 .administrative-selected      { opacity: 0.60; }
 .administrative:hover         { opacity: 0.85; }
+
+// Chart
+.c3-axis-y > path,
+.c3-axis-y line {
+  visibility: hidden;
 }
\ No newline at end of file