add unselected lines color to constants

Author: archmoj

src/traces/parcoords/constants.js

@@ -19,6 +19,7 @@ module.exports = {
     layers: ['contextLineLayer', 'focusLineLayer', 'pickLineLayer'],
     axisTitleOffset: 28,
     axisExtentOffset: 10,
+    deselectedLineColor: '#777',
     bar: {
         width: 4, // Visible width of the filter bar
         captureWidth: 10, // Mouse-sensitive width for interaction (Fitts law)

src/traces/parcoords/lines.js

@@ -180,6 +180,8 @@ function makeItem(model, leftmost, rightmost, itemNumber, i0, i1, x, y, panelSiz
     var canvasWidth = model.canvasWidth;
     var canvasHeight = model.canvasHeight;
 
+    var deselectedLinesColor = model.deselectedLines.color;
+
     var itemModel = Lib.extendFlat({
         key: crossfilterDimensionIndex,
         resolution: [canvasWidth, canvasHeight],
@@ -199,10 +201,12 @@ function makeItem(model, leftmost, rightmost, itemNumber, i0, i1, x, y, panelSiz
 
         drwLayer: drwLayer,
         contextColor: [
-            119 / 255,
-            119 / 255,
-            119 / 255,
-            Math.max(1 / 255, Math.pow(1 / model.lines.color.length, 1 / 3))
+            deselectedLinesColor[0] / 255,
+            deselectedLinesColor[1] / 255,
+            deselectedLinesColor[2] / 255,
+            deselectedLinesColor[3] < 1 ?
+                deselectedLinesColor[3] :
+                Math.max(1 / 255, Math.pow(1 / model.lines.color.length, 1 / 3))
         ],
 
         scissorX: (itemNumber === leftmost ? 0 : x + overdrag) + (model.pad.l - overdrag) + model.layoutWidth * domain.x[0],

src/traces/parcoords/parcoords.js

@@ -139,6 +139,7 @@ function model(layout, d, i) {
     var trace = cd0.trace;
     var lineColor = helpers.convertTypedArray(cd0.lineColor);
     var line = trace.line;
+    var deselectedLines = {color: rgba(c.deselectedLineColor)};
     var cOpts = Colorscale.extractOpts(line);
     var cscale = cOpts.reversescale ? Colorscale.flipScale(cd0.cscale) : cd0.cscale;
     var domain = trace.domain;
@@ -174,6 +175,7 @@ function model(layout, d, i) {
         tickDistance: c.tickDistance,
         unitToColor: unitToColorScale(cscale),
         lines: lines,
+        deselectedLines: deselectedLines,
         labelAngle: labelAngle,
         labelSide: labelSide,
         labelFont: labelFont,