fix: Bounding box issues.

Author: luke-s-snyder

src/parsers/helpers/axis-parser.js

@@ -93,7 +93,7 @@ function computeScale(state, axis, isX) {
         : axis.ordinal.length
             ? scaleBand()
             : scaleLinear())
-        .domain(axis.ordinal.length ? axis.ordinal : axis.domain)
+        .domain(axis.ordinal.length ? axis.ordinal.reverse() : axis.domain)
         .range(axis.range);
 
     const axisFn = isX ? axisBottom : axisLeft;
@@ -109,7 +109,7 @@ function computeScale(state, axis, isX) {
             axis.ticks.filter(d => d.value === axis.domain[1])[0].marks[0], 'left'
         );
 
-        const ticks = [tickLeft, tickRight].map(d => d - state.svg.getBBoxCustom().left);
+        const ticks = [tickLeft, tickRight].map(d => d);
         const newDomainX = axis.range.map(
             axis.scale.copy().range(ticks).invert, axis.scale
         );
@@ -123,7 +123,7 @@ function computeScale(state, axis, isX) {
             axis.ticks.filter(d => d.value === axis.domain[1])[0].marks[0], 'top'
         );
 
-        const ticks = [tickTop, tickBottom].map(d => d - state.svg.getBBoxCustom().top);
+        const ticks = [tickTop, tickBottom].map(d => d);
         const newDomainY = axis.range.map(
             axis.scale.copy().range(ticks).invert, axis.scale
         );

src/parsers/helpers/data-parser.js

@@ -93,13 +93,13 @@ export function inferMarkAttributes(state) {
         const markX = state.xAxis.ordinal.length
             ? i
             : state.yAxis.ordinal.length || mark.type === 'rect'
-                ? markRect.right - svgRect.left
-                : markRect.centerX - svgRect.left;
+                ? markRect.right
+                : markRect.centerX;
         const markY = state.yAxis.ordinal.length
             ? i
             : state.xAxis.ordinal.length
-                ? markRect.top - svgRect.top
-                : markRect.centerY - svgRect.top;
+                ? markRect.top
+                : markRect.centerY;
 
         // console.log(state.xAxis.scale.domain()[markX])
         const iterable = { };