make picking work properly with domain offset

Author: monfera

src/traces/parcoords/parcoords.js

@@ -318,8 +318,8 @@ module.exports = function(root, svg, styledData, layout, callbacks) {
                 var event = d3.event;
                 var cw = this.width;
                 var ch = this.height;
-                var translateY = d.model.key * (d.model.height + d.model.pad.t + d.model.pad.b);
-                var x = event.layerX - d.model.pad.l + c.overdrag;
+                var translateY = d.model.key * (d.model.height + d.model.pad.t + d.model.pad.b) + d.model.translateY;
+                var x = event.layerX - d.model.pad.l + c.overdrag - d.model.translateX;
                 var y = event.layerY - d.model.pad.t - translateY;
                 if(x < 0 || y < 0 || x >= cw || y >= ch) {
                     return;

test/jasmine/tests/parcoords_test.js

@@ -494,6 +494,10 @@ describe('parcoords', function() {
 
         beforeEach(function(done) {
             mockCopy = Lib.extendDeep({}, mock);
+            mockCopy.data[0].domain = {
+                x: [0.1, 0.9],
+                y: [0.05, 0.85]
+            };
             gd = createGraphDiv();
             Plotly.plot(gd, mockCopy.data, mockCopy.layout).then(done);
         });
@@ -661,15 +665,15 @@ describe('parcoords', function() {
 
             expect(tester.get()).toBe(false);
 
-            mouseEvent('mousemove', 946, 234);
-            mouseEvent('mouseover', 946, 234);
+            mouseEvent('mousemove', 853, 254);
+            mouseEvent('mouseover', 853, 254);
 
             window.setTimeout(function() {
 
                 expect(tester.get().hover.curveNumber).toBe(4);
 
-                mouseEvent('mousemove', 110, 126);
-                mouseEvent('mouseover', 110, 126);
+                mouseEvent('mousemove', 800, 240);
+                mouseEvent('mouseover', 800, 240);
 
                 window.setTimeout(function() {