fix timeseries chart

datahub-project · Sep 13, 2023 · 31a6532 · 31a6532
1 parent c596644
commit 31a6532
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/datahub-web-react/src/app/analyticsDashboard/components/TimeSeriesChart.tsx b/datahub-web-react/src/app/analyticsDashboard/components/TimeSeriesChart.tsx
@@ -112,15 +112,14 @@ export const TimeSeriesChart = ({
                 yScale={yScale ?? { type: 'linear' }}
             >
                 <Axis
-                    orientation="right"
+                    orientation="bottom"
                     stroke={style?.axisColor}
                     strokeWidth={style?.axisWidth}
-                    tickFormat={(tick) => formatNumber(tick)}
                     tickLabelProps={{ fill: 'black', fontFamily: 'inherit', fontSize: 10 }}
                     numTicks={3}
                 />
                 <Axis
-                    orientation="bottom"
+                    orientation="right"
                     stroke={style?.axisColor}
                     strokeWidth={style?.axisWidth}
                     tickFormat={(tick) => (yAxis?.formatter ? yAxis.formatter(tick) : formatNumber(tick))}
@@ -131,14 +130,14 @@ export const TimeSeriesChart = ({
                     <>
                         <LineSeries
                             dataKey={line.name}
-                            data={line.data.map((point) => ({ x: new Date(point.x).getTime().toString(), y: point.y }))}
+                            data={line.data.map((point) => ({ x: new Date(point.x), y: point.y }))}
                             stroke={(style && style.lineColor) || lineColors[i]}
                             curve={curveMonotoneX}
                             {...accessors}
                         />
                         <GlyphSeries
                             dataKey={line.name}
-                            data={line.data.map((point) => ({ x: new Date(point.x).getTime().toString(), y: point.y }))}
+                            data={line.data.map((point) => ({ x: new Date(point.x), y: point.y }))}
                             {...accessors}
                         />
                     </>