feat(grid): enhance label containment logic to support directional constraints

Author: chengzhanli

src/coord/cartesian/Grid.ts

@@ -187,6 +187,12 @@ class Grid implements CoordinateSystemMaster {
         // Minus label size
         if (isContainLabel) {
             each(axesList, function (axis) {
+                if (
+                    (isContainLabel === 'horizontal' && !axis.isHorizontal())
+                    || (isContainLabel === 'vertical' && axis.isHorizontal())
+                ) {
+                    return;
+                }
                 if (!axis.model.get(['axisLabel', 'inside'])) {
                     const labelUnionRect = estimateLabelUnionRect(axis);
                     if (labelUnionRect) {

src/coord/cartesian/GridModel.ts

@@ -28,8 +28,8 @@ export interface GridOption extends ComponentOption, BoxLayoutOptionMixin, Shado
 
     show?: boolean;
 
-    // Whether grid size contain label.
-    containLabel?: boolean;
+    // Whether grid size contain label from which direction the labels are contained
+    containLabel?: boolean | 'horizontal' | 'vertical';
 
     backgroundColor?: ZRColor;
     borderWidth?: number;