GraphNG: Using new VizLayout, moving Legend into GraphNG and some other refactorings (#28913)

* Graph refactorings

* Move legend to GraphNG and use new VizLayout

* Things are working

* remove unused things

* Update

* Fixed ng test dashboard

* Update

* More refactoring

* Removed plugin

* Upgrade uplot

* Auto size axis

* Axis scaling

* Fixed tests

* updated

* minor simplification

* Fixed selection color

* Fixed story

* Minor story fix

* Improve x-axis formatting

* Tweaks

* Update

* Updated

* Updates to handle timezone

* Updated

* Fixing types

* Update

* Fixed type

* Updated

public/app/features/explore/ExploreGraphPanel.tsx

@@ -116,7 +116,7 @@ class UnThemedExploreGraphPanel extends PureComponent<Props, State> {
               displayMode={LegendDisplayMode.List}
               height={height}
               isLegendVisible={true}
-              placement={'under'}
+              placement={'bottom'}
               width={width}
               timeRange={timeRange}
               timeZone={timeZone}

public/app/features/explore/utils/decorators.ts

@@ -16,6 +16,7 @@ import { ExplorePanelData } from '../../../types';
 import { getGraphSeriesModel } from '../../../plugins/panel/graph2/getGraphSeriesModel';
 import { dataFrameToLogsModel } from '../../../core/logs_model';
 import { refreshIntervalToSortOrder } from '../../../core/utils/explore';
+import { LegendDisplayMode } from '@grafana/ui';
 
 /**
  * When processing response first we try to determine what kind of dataframes we got as one query can return multiple
@@ -91,7 +92,7 @@ export const decorateWithGraphResult = (data: ExplorePanelData): ExplorePanelDat
           data.request?.timezone ?? 'browser',
           {},
           { showBars: false, showLines: true, showPoints: false },
-          { asTable: false, isVisible: true, placement: 'under' }
+          { displayMode: LegendDisplayMode.List, isVisible: true, placement: 'bottom' }
         );
 
   return { ...data, graphResult };