fix: Add smoothing values as props & Fix inaccurate linear value points

Author: bored-yuns

src/AnimatedLineGraph.tsx

@@ -56,6 +56,7 @@ const ReanimatedView = Reanimated.View as any
 export function AnimatedLineGraph({
   points,
   color,
+  smoothing = 0.2,
   gradientFillColors,
   lineThickness = 3,
   range,
@@ -190,6 +191,7 @@ export function AnimatedLineGraph({
     const createGraphPathProps = {
       points: points,
       range: pathRange,
+      smoothing: smoothing,
       horizontalPadding: horizontalPadding,
       verticalPadding: verticalPadding,
       canvasHeight: height,

src/CreateGraphPath.ts

@@ -161,11 +161,13 @@ function createGraphPathBase({
   const actualWidth = width - 2 * horizontalPadding
   const actualHeight = height - 2 * verticalPadding
 
+  const areSameValues = range.y.min === range.y.max;
+
   const getGraphPoint = (point: GraphPoint): Vector => {
     const x =
       actualWidth * pixelFactorX(point.date, range.x.min, range.x.max) +
       horizontalPadding
-    const y =
+    const y = areSameValues ? actualHeight / 2 + verticalPadding :
       actualHeight -
       actualHeight * pixelFactorY(point.value, range.y.min, range.y.max) +
       verticalPadding

src/LineGraphProps.ts

@@ -33,6 +33,10 @@ interface BaseLineGraphProps extends ViewProps {
    * Color of the graph line (path)
    */
   color: string
+  /**
+   * Smoothing value of the graph (Radius of the edge points)
+   */
+  smoothing: number
   /**
    * (Optional) Colors for the fill gradient below the graph line
    */