feat(annotation): enable marker positioning on LineAnnotation (opense…

…arch-project#737)

This commit allows changing the marker position on a line annotation. The position is absolute on
the screen space and doesn't depend on the chart rotation

fix opensearch-project#701

packages/osd-charts/api/charts.api.md

@@ -785,6 +785,7 @@ export type LineAnnotationSpec = BaseAnnotationSpec<typeof AnnotationTypes.Line,
         width: number;
         height: number;
     };
+    markerPosition?: Position;
     hideLines?: boolean;
     hideLinesTooltips?: boolean;
     zIndex?: number;

packages/osd-charts/src/chart_types/xy_chart/annotations/line/dimensions.integration.test.ts

@@ -20,7 +20,6 @@
 import { MockSeriesSpec, MockAnnotationSpec, MockGlobalSpec } from '../../../../mocks/specs';
 import { MockStore } from '../../../../mocks/store';
 import { ScaleType } from '../../../../scales/constants';
-import { Position } from '../../../../utils/commons';
 import { computeAnnotationDimensionsSelector } from '../../state/selectors/compute_annotations';
 import { AnnotationDomainTypes } from '../../utils/specs';
 
@@ -51,11 +50,10 @@ function expectAnnotationAtPosition(
   const annotations = computeAnnotationDimensionsSelector(store.getState());
   expect(annotations.get(annotation.id)).toEqual([
     {
-      anchor: { left: expectedLinePosition, position: 'bottom', top: 100 },
       details: { detailsText: undefined, headerText: `${indexPosition}` },
       linePathPoints: {
-        start: { x1: expectedLinePosition, y1: 100 },
-        end: { x2: expectedLinePosition, y2: 0 },
+        start: { x1: expectedLinePosition, y1: 0 },
+        end: { x2: expectedLinePosition, y2: 100 },
       },
       marker: undefined,
     },
@@ -145,14 +143,9 @@ describe('Render vertical line annotation within', () => {
     const annotations = computeAnnotationDimensionsSelector(store.getState());
     expect(annotations.get(annotation.id)).toEqual([
       {
-        anchor: {
-          top: 100,
-          left: 95,
-          position: Position.Bottom,
-        },
         linePathPoints: {
-          start: { x1: 95, y1: 100 },
-          end: { x2: 95, y2: 0 },
+          start: { x1: 95, y1: 0 },
+          end: { x2: 95, y2: 100 },
         },
         details: { detailsText: 'foo', headerText: '9.5' },
         marker: undefined,