From 18f383741eff21e72caa1db7ae5795f231a0c626 Mon Sep 17 00:00:00 2001
From: Goutte <antoine.goutenoir@gmail.com>
Date: Wed, 22 Mar 2017 17:22:23 +0100
Subject: [PATCH] Crisp edges for axes.

---
 web/view/home.html.jinja2 | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/view/home.html.jinja2 b/web/view/home.html.jinja2
index db91dbc..85dbaed 100755
--- a/web/view/home.html.jinja2
+++ b/web/view/home.html.jinja2
@@ -19,6 +19,12 @@ TODO
 
 {% block styles %}
   <style>
+    .axis path, .axis line {
+      fill: none;
+      stroke: black;
+      shape-rendering: crispEdges;
+      stroke-width: 1px;
+    }
     path.line {
       fill: none;
       stroke: steelblue;
@@ -64,7 +70,7 @@ var swApp = (function (window, d3, $) {
         .ticks(7, ",f")
         .tickFormat(d3.timeFormat("%Y-%m-%d"));
     yAxis = d3.axisLeft()
-        .ticks(15);
+        .ticks(10);
 
     // INIT LINE
     line = d3.line()
@@ -101,7 +107,7 @@ var swApp = (function (window, d3, $) {
     xAxis.scale(xScale);
     yAxis.scale(yScale);
 
-    // if (window.innerWidth < 800) { xAxis.ticks(3); }
+    if (width < 600) { xAxis.ticks(3); }
 
     svg.select('.x.axis')
         .attr('transform', 'translate(0,' + height + ')')
--
libgit2 0.21.2