adding multitrace latex mock; fixing multitrace drag bug

Author: monfera

src/traces/table/plot.js

@@ -107,7 +107,11 @@ module.exports = function plot(gd, calcdata) {
                 var movedColumn = d3.select(this);
                 var getter = function(dd) {return (d === dd ? d3.event.x : dd.x) + dd.columnWidth / 2;};
                 d.x = Math.max(-c.overdrag, Math.min(d.calcdata.width + c.overdrag - d.columnWidth, d3.event.x));
-                var newOrder = yColumn.data().sort(function(a, b) {return getter(a) - getter(b);});
+
+                var sortableColumns = [].concat.apply([], yColumn.map(function(g) {return g;}))
+                    .map(function(g) {return g.__data__})
+                    .filter(function(dd) {return dd.calcdata.key === d.calcdata.key});
+                var newOrder = sortableColumns.sort(function(a, b) {return getter(a) - getter(b);});
                 newOrder.forEach(function(dd, i) {
                     dd.xIndex = i;
                     dd.x = d === dd ? dd.x : dd.xScale(dd);

test/image/mocks/table_latex_multitrace.json

@@ -1,39 +1,71 @@
 {
     "layout": {
         "width": 620,
-        "height":  550,
-        "title": "Half-Angle Formulas"
+        "height":  560,
+        "title": "Half and Double Angles"
     },
 
-    "data": [{
+    "data": [
+        {
 
-        "type": "table",
+            "type": "table",
 
-        "domain": {
-            "x": [0, 1],
-            "y": [0, 1]
-        },
+            "domain": {
+                "x": [0, 1],
+                "y": [0.5, 1]
+            },
+
+            "columnwidth": [30, 200, 200],
+            "columnorder": [0, 1, 2],
 
-        "columnwidth": [30, 200, 200],
-        "columnorder": [0, 1, 2],
+            "header": {
+                "values": [["<b>#</b>"], ["Half-angle form"], ["Equivalent"]],
+                "align": ["right", "center", "center"],
+                "line": {"width": 0.0},
+                "fill": {"color": ["dimgray", "grey"]},
+                "font": {"family": "Arial", "size": 14, "color": "white"}
+            },
 
-        "header": {
-            "values": [["<b>#</b>"], ["Form"], ["Equivalent"]],
-            "align": ["right", "center", "center"],
-            "line": {"width": 0.0},
-            "fill": {"color": ["dimgray", "grey"]},
-            "font": {"family": "Arial", "size": 14, "color": "white"}
+            "cells": {
+                "values": [
+                    ["1.", "2."],
+                    ["$$\\cos^2\\theta=\\displaystyle\\frac{1+\\cos\\theta}{2}$$", "$$\\sin^2\\theta=\\displaystyle\\frac{1-\\cos\\theta}{2}$$"],
+                    ["$$\\cos\\theta=\\pm\\sqrt{\\displaystyle\\frac{1+\\cos\\theta}{2}}$$", "$$\\sin\\theta=\\pm\\sqrt{\\displaystyle\\frac{1-\\cos\\theta}{2}}$$"]
+                ],
+                "align": ["right", "center", "center"],
+                "line": {"color": "grey", "width": 1},
+                "font": {"family": "Arial", "size": 12, "color": ["black"]}
+            }
         },
+        {
+
+            "type": "table",
+
+            "domain": {
+                "x": [0.1, 0.9],
+                "y": [0, 0.5]
+            },
+
+            "columnwidth": [200, 300],
+            "columnorder": [0, 1],
+
+            "header": {
+                "values": [["Trig function"], ["Double-angle form"]],
+                "align": ["right", "left"],
+                "line": {"width": 0.0},
+                "fill": {"color": ["dimgray", "grey"]},
+                "font": {"family": "Arial", "size": 14, "color": "white"}
+            },
 
-        "cells": {
-            "values": [
-                ["1.", "2."],
-                ["$$\\cos^2\\theta=\\displaystyle\\frac{1+\\cos\\theta}{2}$$", "$$\\sin^2\\theta=\\displaystyle\\frac{1-\\cos\\theta}{2}$$"],
-                ["$$\\cos\\theta=\\pm\\sqrt{\\displaystyle\\frac{1+\\cos\\theta}{2}}$$", "$$\\sin\\theta=\\pm\\sqrt{\\displaystyle\\frac{1-\\cos\\theta}{2}}$$"]
-            ],
-            "align": ["right", "center", "center"],
-            "line": {"color": "grey", "width": 1},
-            "font": {"family": "Arial", "size": 12, "color": ["black"]}
+            "cells": {
+                "values": [
+                    ["<i>Sine</i>", "<i>Cosine</i>"],
+                    ["$$\\sin2\\theta=2\\sin\\theta\\cos\\theta$$", "$$\\begin{eqnarray*}\\cos2\\theta&=&\\cos^2\\theta-\\sin^2\\theta\\\\&=&2\\cos^2\\theta-1\\\\&=&1-2\\sin^2\\theta\\end{eqnarray*}$$"]
+                ],
+                "align": ["right", "left"],
+                "line": {"color": "grey", "width": 1},
+                "font": {"family": "Arial", "size": [12, 10], "color": ["black"]}
+            }
         }
-    }]
+    ]
 }