[Lens] Heatmap / Swim lane integration

x-pack/plugins/lens/public/heatmap_visualization/chart_component.tsx

@@ -23,6 +23,8 @@ import './index.scss';
 import { LensBrushEvent, LensFilterEvent } from '../types';
 import { desanitizeFilterContext } from '../utils';
 import { search } from '../../../../../src/plugins/data/public';
+import { EmptyPlaceholder } from '../shared_components';
+import { LensIconChartHeatmap } from '../assets/chart_heatmap';
 
 declare global {
   interface Window {
@@ -83,11 +85,19 @@ export const HeatmapComponent: FC<HeatmapRenderProps> = ({
     if (!dateInterval) return null;
     const intervalDuration = search.aggs.parseInterval(dateInterval);
     if (!intervalDuration) return null;
+    const minInterval = intervalDuration.as('milliseconds');
+    const dateRangeMin = data.dateRange?.fromDate.getTime();
+
+    if (!dateRangeMin) {
+      return;
+    }
+
+    const actualMin = dateRangeMin - (dateRangeMin % minInterval);
 
     return {
-      min: data.dateRange?.fromDate.getTime(),
+      min: actualMin,
       max: data.dateRange?.toDate.getTime(),
-      minInterval: intervalDuration.as('milliseconds'),
+      minInterval,
     };
   })();
 
@@ -219,6 +229,10 @@ export const HeatmapComponent: FC<HeatmapRenderProps> = ({
     timeZone,
   };
 
+  if (!chartData || !chartData.length) {
+    return <EmptyPlaceholder icon={LensIconChartHeatmap} />;
+  }
+
   return (
     <Chart>
       <Settings