fix axis label being clipped with the clip plot option

closes #1803

Author: Fil

src/marks/axis.js

@@ -482,7 +482,7 @@ function gridDefaults({
 }
 
 function labelOptions(
-  {fill, fillOpacity, fontFamily, fontSize, fontStyle, fontWeight, monospace, pointerEvents, shapeRendering},
+  {fill, fillOpacity, fontFamily, fontSize, fontStyle, fontWeight, monospace, pointerEvents, shapeRendering, clip},
   initializer
 ) {
   // Only propagate these options if constant.
@@ -501,6 +501,7 @@ function labelOptions(
     monospace,
     pointerEvents,
     shapeRendering,
+    clip: clip === undefined ? false : clip,
     initializer
   };
 }

test/output/aaplCloseClip.svg

@@ -15,6 +15,22 @@ export async function aaplClose() {
   });
 }
 
+export async function aaplCloseClip() {
+  const AAPL = await d3.csv<any>("data/aapl.csv", d3.autoType);
+  return Plot.plot({
+    clip: true,
+    x: {domain: [new Date(2015, 0, 1), new Date(2015, 3, 1)]},
+    y: {
+      grid: true
+    },
+    marks: [
+      Plot.areaY(AAPL, {x: "Date", y: "Close", fillOpacity: 0.1}),
+      Plot.lineY(AAPL, {x: "Date", y: "Close"}),
+      Plot.ruleY([0], {clip: false})
+    ]
+  });
+}
+
 export async function aaplCloseDataTicks() {
   const AAPL = await d3.csv<any>("data/aapl.csv", d3.autoType);
   return Plot.plot({