Merge pull request #3494 from plotly/fix3493-opacity

Bug fix 3D grid lines and tick labels colored by rgba color with full transparency

Author: archmoj

package-lock.json

@@ -73,15 +73,15 @@
     "font-atlas-sdf": "^1.3.3",
     "gl-cone3d": "^1.2.2",
     "gl-contour2d": "^1.1.5",
-    "gl-error3d": "^1.0.11",
+    "gl-error3d": "^1.0.12",
     "gl-heatmap2d": "^1.0.5",
-    "gl-line3d": "^1.1.8",
+    "gl-line3d": "^1.1.9",
     "gl-mat4": "^1.2.0",
     "gl-mesh3d": "^2.0.7",
     "gl-plot2d": "^1.4.2",
     "gl-plot3d": "^1.6.3",
     "gl-pointcloud2d": "^1.0.2",
-    "gl-scatter3d": "^1.1.4",
+    "gl-scatter3d": "^1.1.5",
     "gl-select-box": "^1.0.3",
     "gl-spikes2d": "^1.0.2",
     "gl-streamtube3d": "^1.1.2",

package.json

@@ -0,0 +1,46 @@
+{
+    "data": [
+        {
+            "x": [0, 1, 2, 3, 4],
+            "y": [0, 1, 2, 3, 4],
+            "z": [0,-1,-2,-3,-4],
+            "mode": "markers+lines",
+            "marker": {
+                "size": 50,
+                "color": ["rgb(0, 255, 0, 0.5)", "rgb(255, 0, 0, 0.0)", "rgb(255, 0, 0, 0.0)", "rgb(255, 0, 0, 0.0)", "rgb(0, 0, 255, 1.0)"],
+                "opacity": 0.999
+            },
+            "line": {
+                "width": 50,
+                "color": ["rgb(0, 255, 0, 0.5)", "rgb(255, 0, 0, 0.0)", "rgb(255, 0, 0, 0.0)", "rgb(255, 0, 0, 0.0)", "rgb(0, 0, 255, 1.0)"],
+                "opacity": 0.999
+            },
+            "error_z": {
+                "type": "sqrt",
+                "line": { "thickness": 10 },
+                "color": "rgb(0, 255, 0, 0.0)",
+                "opacity": 0.999
+            },
+            "error_x": {
+                "type": "sqrt"
+            },
+            "error_y": {
+                "type": "sqrt"
+            },
+            "type": "scatter3d"
+        }
+    ],
+    "layout": {
+        "title": {
+            "text": "Should not draw transparent scatter3d markers and lines<br>when color.alpha is zero"
+        },
+        "width": 600,
+        "height": 600,
+        "scene": {
+            "xaxis": { "nticks": 12 },
+            "yaxis": { "nticks": 12 },
+            "zaxis": { "nticks": 12 }
+        }
+    }
+
+}