insights chart tooltips theming

yovae · Nov 29, 2015 · 1e54c4a · 1e54c4a
1 parent 37a5252
commit 1e54c4a
Showing 1 changed file with 22 additions and 4 deletions.
diff --git a/ui/insight/src/chart.js b/ui/insight/src/chart.js
@@ -29,6 +29,7 @@ var resultColors = {
 var theme = (function() {
   var light = $('body').hasClass('light');
   return {
+    light: light,
     text: {
       weak: light ? '#808080' : '#9a9a9a',
       strong: light ? '#505050' : '#c0c0c0'
@@ -71,10 +72,6 @@ function makeChart(el, data) {
         // headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
         pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>' + dataTypeFormat(s.dataType) + '</b><br/>',
         shared: true,
-        style: {
-          fontWeight: 'bold',
-          color: theme.text.strong
-        }
       }
     };
     if (data.valueYaxis.name === 'Game result') c.color = resultColors[s.name];
@@ -169,6 +166,27 @@ function makeChart(el, data) {
         color: theme.text.strong
       }
     },
+    tooltip: {
+      backgroundColor: {
+        linearGradient: {
+          x1: 0,
+          y1: 0,
+          x2: 0,
+          y2: 1
+        },
+        stops: theme.light ? [
+          [0, 'rgba(200, 200, 200, .8)'],
+          [1, 'rgba(250, 250, 250, .8)']
+        ] : [
+          [0, 'rgba(56, 56, 56, .8)'],
+          [1, 'rgba(16, 16, 16, .8)']
+        ]
+      },
+      style: {
+        fontWeight: 'bold',
+        color: theme.text.strong
+      }
+    },
     legend: {
       enabled: true,
       itemStyle: {