Add handlers to handle time range changes to Explore graphs (#39142)

public/app/features/explore/Explore.tsx

@@ -195,6 +195,7 @@ export class Explore extends React.PureComponent<Props, ExploreState> {
           height={400}
           width={width - spacing}
           absoluteRange={absoluteRange}
+          onChangeTime={this.onUpdateTimeRange}
           timeZone={timeZone}
           annotations={queryResponse.annotations}
           splitOpenFn={splitOpen}

public/app/features/explore/ExploreGraph.tsx

@@ -46,6 +46,7 @@ interface Props {
   onHiddenSeriesChanged?: (hiddenSeries: string[]) => void;
   tooltipDisplayMode?: TooltipDisplayMode;
   splitOpenFn?: SplitOpen;
+  onChangeTime: (timeRange: AbsoluteTimeRange) => void;
 }
 
 export function ExploreGraph({
@@ -54,6 +55,7 @@ export function ExploreGraph({
   width,
   timeZone,
   absoluteRange,
+  onChangeTime,
   loadingState,
   annotations,
   onHiddenSeriesChanged,
@@ -154,6 +156,7 @@ export function ExploreGraph({
         title=""
         width={width}
         height={height}
+        onChangeTimeRange={onChangeTime}
         options={
           {
             tooltip: { mode: tooltipDisplayMode },

public/app/features/explore/Logs.tsx

@@ -308,6 +308,7 @@ export class UnthemedLogs extends PureComponent<Props, State> {
             absoluteRange={visibleRange || absoluteRange}
             timeZone={timeZone}
             loadingState={loadingState}
+            onChangeTime={onChangeTime}
             onHiddenSeriesChanged={this.onToggleLogLevel}
           />
         ) : undefined}