From 26a50ea9eac5a78096eca269abcd8635c0ece580 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Prunayre?= <fxprunayre@gmail.com>
Date: Tue, 21 Oct 2014 13:19:10 +0200
Subject: [PATCH] Panel / Terms / Add log axis.

---
 src/app/panels/terms/editor.html |  3 +++
 src/app/panels/terms/module.js   | 35 +++++++++++++++++++++++++++++---
 2 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/app/panels/terms/editor.html b/src/app/panels/terms/editor.html
index ceb55400a..923f080d2 100755
--- a/src/app/panels/terms/editor.html
+++ b/src/app/panels/terms/editor.html
@@ -55,6 +55,9 @@
   <div class="span1" ng-show="panel.chart == 'pie'">
     <label class="small">Labels</label><input type="checkbox" ng-model="panel.labels" ng-checked="panel.labels">
   </div>
+  <div class="span1" ng-show="panel.chart == 'bar'">
+    <label class="small">Log axis</label><input type="checkbox" ng-model="panel.logAxis" ng-checked="panel.logAxis">
+  </div>
 </div>
 <div class="row-fluid">
   <div class="span2">
diff --git a/src/app/panels/terms/module.js b/src/app/panels/terms/module.js
index 9ade7a2c5..28f402afd 100755
--- a/src/app/panels/terms/module.js
+++ b/src/app/panels/terms/module.js
@@ -62,6 +62,7 @@ function (angular, app, _, $, kbn) {
       donut   : false,
       tilt    : false,
       labels  : true,
+      logAxis : false,
       arrangement : 'horizontal',
       chart       : 'bar',
       counter_pos : 'above',
@@ -318,15 +319,43 @@ function (angular, app, _, $, kbn) {
             try {
               // Add plot to scope so we can build out own legend
               if(scope.panel.chart === 'bar') {
+
+                var yAxisConfig = {
+                  show: true,
+                  min: scope.yaxis_min,
+                  color: "#c8c8c8"
+                };
+                if (scope.panel.logAxis) {
+                  _.defaults(yAxisConfig, {
+                    ticks: function (axis) {
+                      var res = [], i = 1,
+                        ticksNumber = 8,
+                        max = axis.max === 0 ? 0 : Math.log(axis.max),
+                        min = axis.min === 0 ? 0 : Math.log(axis.min),
+                        interval = (max - min) / ticksNumber;
+                      do {
+                        var v = interval * i;
+                        res.push(Math.exp(v));
+                        ++i;
+                      } while (v < max);
+                      return res;
+                    },
+                    transform: function (v) {
+                      return v === 0 ? 0 : Math.log(v); },
+                    inverseTransform: function (v) {
+                      return v === 0 ? 0 : Math.exp(v); }
+                  });
+                }
+
                 plot = $.plot(elem, chartData, {
                   legend: { show: false },
                   series: {
-                    lines:  { show: false, },
+                    lines:  { show: false },
                     bars:   { show: true,  fill: 1, barWidth: 0.8, horizontal: false },
                     shadowSize: 1
                   },
                   // yaxis: { show: true, min: 0, color: "#c8c8c8" },
-                  yaxis: { show: true, min: scope.yaxis_min, color: "#c8c8c8" },
+                  yaxis: yAxisConfig,
                   xaxis: { show: false },
                   grid: {
                     borderWidth: 0,
@@ -354,7 +383,7 @@ function (angular, app, _, $, kbn) {
 
                 plot = $.plot(elem, chartData, {
                   legend: {
-                    show: false,
+                    show: false
                     // position: position,
                     // backgroundColor: "transparent"
                   },