From bf5941f66e0d488638e369b5f8e356bf7112bbe7 Mon Sep 17 00:00:00 2001
From: James Brooks <james@bluebaytravel.co.uk>
Date: Sat, 23 May 2015 15:46:57 +0100
Subject: [PATCH] Improve metric tooltips, now show name, value and suffix

---
 resources/views/partials/metrics.blade.php | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/resources/views/partials/metrics.blade.php b/resources/views/partials/metrics.blade.php
index d9d1851b..abae22c2 100644
--- a/resources/views/partials/metrics.blade.php
+++ b/resources/views/partials/metrics.blade.php
@@ -32,6 +32,8 @@
         </div>
         <script>
             (function () {
+                Chart.defaults.global.pointHitDetectionRadius = 1;
+
                 var hourList = [], date = new Date();
 
                 for (var i = 10; i >= 1; i--) {
@@ -50,15 +52,15 @@
                         pointStrokeColor: "#fff",
                         pointHighlightFill: "#fff",
                         pointHighlightStroke: "rgba(220,220,220,1)",
-                        data: [{{ implode(',', $points) }}]
-                    }]
+                        data: [{{ implode(',', $points) }}],
+                    }],
                 };
 
                 var ctx = document.getElementById("metric-{{ $metric->id }}").getContext("2d");
                 new Chart(ctx).Line(data, {
+                    tooltipTemplate: "{{ $metric->name }}: <%= value %>{{ $metric->suffix }}",
                     scaleShowVerticalLines: true,
                     scaleShowLabels: false,
-                    pointDot: false,
                     responsive: true
                 });
             }());