Styles the chart.

theopak · Nov 27, 2014 · 267929f · 267929f
1 parent 5c7c23a
commit 267929f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git 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
@@ -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;
 }