feat(annotations): set zIndex per spec

elastic · May 3, 2019 · d9aa483 · d9aa483
1 parent 921468f
commit d9aa483
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/lib/series/specs.ts b/src/lib/series/specs.ts
@@ -218,6 +218,10 @@ export type LineAnnotationSpec = BaseAnnotationSpec & {
   };
   /** Annotation lines are hidden */
   hideLines?: boolean;
+  /** z-index of the annotation relative to other elements in the chart
+   * @default 1
+   */
+  zIndex?: number;
 };
 
 export interface RectAnnotationDatum {
@@ -238,6 +242,10 @@ export type RectAnnotationSpec = BaseAnnotationSpec & {
   dataValues: RectAnnotationDatum[];
   /** Custom annotation style */
   style?: Partial<RectAnnotationStyle>;
+  /** z-index of the annotation relative to other elements in the chart
+   * @default -1
+   */
+  zIndex?: number;
 };
 
 export interface BaseAnnotationSpec {
@@ -256,7 +264,7 @@ export interface BaseAnnotationSpec {
   /** Toggles tooltip annotation visibility */
   hideTooltips?: boolean;
   /** z-index of the annotation relative to other elements in the chart
-   * @default 0
+   * Default specified per specific annotation spec.
    */
   zIndex?: number;
 }

diff --git a/src/specs/line_annotation.tsx b/src/specs/line_annotation.tsx
@@ -14,7 +14,7 @@ export class LineAnnotationSpecComponent extends PureComponent<LineAnnotationPro
     style: DEFAULT_ANNOTATION_LINE_STYLE,
     hideLines: false,
     hideTooltips: false,
-    zIndex: 0,
+    zIndex: 1,
   };
 
   private markerRef = createRef<HTMLDivElement>();

diff --git a/src/specs/rect_annotation.tsx b/src/specs/rect_annotation.tsx
@@ -10,7 +10,7 @@ export class RectAnnotationSpecComponent extends PureComponent<RectAnnotationPro
   static defaultProps: Partial<RectAnnotationProps> = {
     groupId: getGroupId('__global__'),
     annotationType: 'rectangle',
-    zIndex: 0,
+    zIndex: -1,
   };
 
   componentDidMount() {