change spline type to curveMonotoneX

ui/shared/chart/ChartArea.tsx

@@ -41,7 +41,7 @@ const ChartArea = ({ id, xScale, yScale, color, data, disableAnimation, ...props
       .x(({ date }) => xScale(date))
       .y1(({ value }) => yScale(value))
       .y0(() => yScale(yScale.domain()[0]))
-      .curve(d3.curveCatmullRom);
+      .curve(d3.curveMonotoneX);
     return area(data) || undefined;
   }, [ xScale, yScale, data ]);
 

ui/shared/chart/ChartLine.tsx

@@ -62,7 +62,7 @@ const ChartLine = ({ xScale, yScale, data, animation, ...props }: Props) => {
   const line = d3.line<TimeChartItem>()
     .x((d) => xScale(d.date))
     .y((d) => yScale(d.value))
-    .curve(d3.curveCatmullRom);
+    .curve(d3.curveMonotoneX);
 
   return (
     <path