From e57018c7995d63eb2235aabf64bb5ddcdb69ccef Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <mokaddem.sami@gmail.com>
Date: Fri, 17 Nov 2017 09:43:59 +0100
Subject: [PATCH] Better display on linechart

---
 static/js/trendings.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/static/js/trendings.js b/static/js/trendings.js
index 853ca81..e4a3213 100644
--- a/static/js/trendings.js
+++ b/static/js/trendings.js
@@ -23,16 +23,14 @@ var datePickerOptions = {
 var lineChartOption = {
     lines: {
         show: true,
-        steps: true,
         fill: true
     },
+    points: { show: true },
     xaxis: {
         mode: "time",
         minTickSize: [1, "day"],
     },
-    legend: {
-        show: false,
-    }
+    legend: { show: false }
 };
 var pieChartOption = {
     series: {
@@ -138,6 +136,7 @@ function updateLine(line, data) {
     allDates = [];
     for (var arr of data) {
         var date = new Date(arr[0]*1000);
+        date = new Date(date.valueOf() - date.getTimezoneOffset() * 60000); // center the data around the day
         allDates.push(date);
         var items = arr[1];
         if (items.length > 0) {