Fix waterfall chart top axis (#113281)

elastic · Sep 29, 2021 · f7120d9 · f7120d9
1 parent 1459839
commit f7120d9
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/...me/public/components/monitor/synthetics/step_detail/waterfall/waterfall_chart_wrapper.tsx b/...me/public/components/monitor/synthetics/step_detail/waterfall/waterfall_chart_wrapper.tsx
@@ -125,16 +125,16 @@ export const WaterfallChartWrapper: React.FC<Props> = ({ data, total }) => {
       <WaterfallChart
         tickFormat={useCallback((d: number) => `${Number(d).toFixed(0)} ms`, [])}
         domain={domain}
-        barStyleAccessor={useCallback((datum) => {
-          if (!datum.datum.config.isHighlighted) {
+        barStyleAccessor={useCallback(({ datum }) => {
+          if (!datum.config?.isHighlighted) {
             return {
               rect: {
-                fill: datum.datum.config.colour,
+                fill: datum.config?.colour,
                 opacity: '0.1',
               },
             };
           }
-          return datum.datum.config.colour;
+          return datum.config.colour;
         }, [])}
         renderSidebarItem={renderSidebarItem}
         renderLegendItem={renderLegendItem}