Merge pull request #2992 from plotly/2962-scatter3d-log-error-bars

scatter3d now performs axis transformation on error bars

Author: antoinerg

src/plots/gl3d/scene.js

@@ -529,7 +529,11 @@ proto.plot = function(sceneData, fullLayout, layout) {
                 var objBounds = obj.bounds;
                 var pad = obj._trace.data._pad || 0;
 
-                sceneBounds[0][i] = Math.min(sceneBounds[0][i], objBounds[0][i] / dataScale[i] - pad);
+                if(obj.constructor.name === 'ErrorBars' && axis._lowerLogErrorBound) {
+                    sceneBounds[0][i] = Math.min(sceneBounds[0][i], axis._lowerLogErrorBound);
+                } else {
+                    sceneBounds[0][i] = Math.min(sceneBounds[0][i], objBounds[0][i] / dataScale[i] - pad);
+                }
                 sceneBounds[1][i] = Math.max(sceneBounds[1][i], objBounds[1][i] / dataScale[i] + pad);
             }
 

src/traces/scatter3d/calc_errors.js

@@ -10,7 +10,7 @@
 
 var Registry = require('../../registry');
 
-function calculateAxisErrors(data, params, scaleFactor) {
+function calculateAxisErrors(data, params, scaleFactor, axis) {
     if(!params || !params.visible) return null;
 
     var computeError = Registry.getComponentMethod('errorbars', 'makeComputeError')(params);
@@ -19,10 +19,28 @@ function calculateAxisErrors(data, params, scaleFactor) {
     for(var i = 0; i < data.length; i++) {
         var errors = computeError(+data[i], i);
 
-        result[i] = [
-            -errors[0] * scaleFactor,
-            errors[1] * scaleFactor
-        ];
+        if(axis.type === 'log') {
+            var point = axis.c2l(data[i]);
+            var min = data[i] - errors[0],
+                max = data[i] + errors[1];
+
+            result[i] = [
+                (axis.c2l(min, true) - point) * scaleFactor,
+                (axis.c2l(max, true) - point) * scaleFactor
+            ];
+
+            // Keep track of the lower error bound which isn't negative!
+            if(min > 0) {
+                var lower = axis.c2l(min);
+                if(!axis._lowerLogErrorBound) axis._lowerLogErrorBound = lower;
+                axis._lowerErrorBound = Math.min(axis._lowerLogErrorBound, lower);
+            }
+        } else {
+            result[i] = [
+                -errors[0] * scaleFactor,
+                errors[1] * scaleFactor
+            ];
+        }
     }
 
     return result;
@@ -35,11 +53,11 @@ function dataLength(array) {
     return 0;
 }
 
-function calculateErrors(data, scaleFactor) {
+function calculateErrors(data, scaleFactor, sceneLayout) {
     var errors = [
-        calculateAxisErrors(data.x, data.error_x, scaleFactor[0]),
-        calculateAxisErrors(data.y, data.error_y, scaleFactor[1]),
-        calculateAxisErrors(data.z, data.error_z, scaleFactor[2])
+        calculateAxisErrors(data.x, data.error_x, scaleFactor[0], sceneLayout.xaxis),
+        calculateAxisErrors(data.y, data.error_y, scaleFactor[1], sceneLayout.yaxis),
+        calculateAxisErrors(data.z, data.error_z, scaleFactor[2], sceneLayout.zaxis)
     ];
 
     var n = dataLength(errors);

src/traces/scatter3d/convert.js

@@ -252,7 +252,7 @@ function convertPlotlyOptions(scene, data) {
         }
     }
 
-    params.errorBounds = calculateError(data, scaleFactor);
+    params.errorBounds = calculateError(data, scaleFactor, sceneLayout);
 
     var errorParams = calculateErrorParams([data.error_x, data.error_y, data.error_z]);
     params.errorColor = errorParams.color;

test/image/baselines/gl3d_error_bars_log.png

@@ -0,0 +1,26 @@
+{
+    "data": [{
+        "x": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+        "y": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        "z": [1e00, 1e+01, 1e+02, 1e+03, 1e+04,
+            1e+05, 1e+06, 1e+07, 1e+08, 1e+09
+        ],
+        "type": "scatter3d",
+        "error_z": {
+            "array": [1e-01, 1e+00, 1e+02, 9e+03, 5e+03,
+                0.9e+05, 1e+05, 1e+07, 9e+08, 2e+09
+            ],
+            "type": "data",
+            "visible": true
+        }
+    }],
+    "layout": {
+        "scene": {
+            "zaxis": {
+                "type": "log"
+            }
+        },
+        "width": 800,
+        "height": 800
+    }
+}

test/image/baselines/gl3d_error_bars_log_2.png

@@ -0,0 +1,22 @@
+{
+    "data": [{
+        "x": [0],
+        "y": [0],
+        "z": [1e-08],
+        "type": "scatter3d",
+        "error_z": {
+            "array": [0.9e-08],
+            "type": "data",
+            "visible": true
+        }
+    }],
+    "layout": {
+        "scene": {
+            "zaxis": {
+                "type": "log"
+            }
+        },
+        "width": 800,
+        "height": 800
+    }
+}