fix: hardcoded path color from library

Author: e-younan

src/components/LineChart/InteractiveLineChart.tsx

@@ -78,7 +78,7 @@ export const InteractiveLineChart: React.FC<LineChartProps<false>> = ({
       <GestureDetector gesture={gestures}>
         <View style={styles.container} onLayout={onLayout}>
           <Canvas style={{ height, width }}>
-            <Path style="stroke" path={path} strokeWidth={strokeWidth}>
+            <Path style="stroke" path={path} strokeWidth={strokeWidth} color="transparent">
               {PathFill && PathFill({ width, height, strokeWidth })}
             </Path>
             {!hideCursor ? (

src/components/LineChart/StaticLineChart.tsx

@@ -46,7 +46,7 @@ export const StaticLineChart: React.FC<LineChartProps<true>> = ({
       )}
       <View style={styles.container} onLayout={onLayout}>
         <Canvas style={{ height, width }}>
-          <Path style="stroke" path={path} strokeWidth={strokeWidth}>
+          <Path style="stroke" path={path} strokeWidth={strokeWidth} color="transparent">
             {PathFill && PathFill({ width, height, strokeWidth })}
           </Path>
         </Canvas>