fixed c3 chart height and width issue

.gitignore

@@ -4,6 +4,7 @@ test.db
 *.wpr
 .project
 .pydevproject
+.vscode
 .settings
 .sass-cache
 .webassets-cache

hasjob/models/jobpost.py

@@ -594,7 +594,7 @@ def viewstats_helper(jobpost_id, interval, limit, daybatch=False):
     for delta in range(batches):
         if daybatch:
             # here delta=0, so last item is the latest date/hour
-            cbuckets[batches - delta - 1] = (now_local - timedelta(days=delta)).strftime("%d-%m-%Y")
+            cbuckets[batches - delta - 1] = (now_local - timedelta(days=delta)).strftime("%b %d")
         else:
             from_hour = (now_local - timedelta(hours=delta)).strftime("%H:00")
             to_hour = (now_local - timedelta(hours=delta - 1)).strftime("%H:00")

hasjob/templates/detail.html

@@ -468,7 +468,7 @@ <h2>A/B test results</h2>
           c3.generate({
             bindto: '#viewstats-chart',
             size: {
-              height: 150
+              height: 200
             },
             data: {
               type: 'spline',
@@ -487,14 +487,19 @@ <h2>A/B test results</h2>
             },
             axis: {
               x: {
-                type: 'category'
+                type: 'category',
+                height: 50
               },
               y: {
                 tick: { format: d3.format("d") }
               }
             }
           });
           $('#viewstats').removeClass('hidden');
+          // c3 initially draws the width too big,
+          // a window resize event forces it to redraw the chart properly
+          // http://stackoverflow.com/a/27180464/257944
+          $(window).trigger('resize');
         })
       }
       {%- endif %}