react-native-financial-charts 1.0.1 → 2.0.1

package/README.md

@@ -1,7 +1,8 @@
 # 📈 React Native Financial Charts
 
 <p align="center">
-  <img src="./docs/assets/0.gif" alt="Interactive Line" />
+<img src="./docs/assets/0.gif" alt="Interactive Line Chart" width="49%" />
+<img src="./docs/assets/barchart/0.gif" alt="Interactive Bar Chart" width="49%" />
 </p>
 
 A **high-performance** financial charting library for React Native, built on the power of **Skia** and **Reanimated**.
@@ -30,250 +31,114 @@ yarn add @shopify/react-native-skia react-native-reanimated react-native-gesture
 > If you are using Expo Go, ensure that the Skia and Reanimated versions are compatible with your SDK.
 > It's recommended using **Development Builds** (`npx expo run:android`) for the best performance.
 
-## ⚡ Basic Usage
+## 📊 Components
+
+### 1. Bar Chart (New in v2.0)
+
+A high-performance bar chart with virtualization, scrolling, and rich interactivity.
 
 ```tsx
-import React from 'react';
-import { View } from 'react-native';
-import { Chart } from 'react-native-financial-charts';
+import { BarChart } from 'react-native-financial-charts';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
-const data = [
-  { timestamp: 1625945400000, value: 33575.25 },
-  { timestamp: 1625946300000, value: 33545.25 },
-  { timestamp: 1625947200000, value: 33510.25 },
-  { timestamp: 1625948100000, value: 33215.25 },
+const data: BarChartItemDataInterface[] = [
+  { label: 'Food 123 ABC', value: 1200, color: '#FF6B6B' }, // Red for expenses
+  { label: 'Transport', value: 800, color: '#4ECDC4' }, // Teal
+  { label: 'Invest', value: 3500, color: '#1A535C' }, // Dark Blue for savings
+  { label: 'Invest', value: 3800, color: '#1A535C' }, // Dark Blue for savings
+  { label: 'Rent', value: 2100, color: '#FFE66D' }, // Yellow
 ];
 
-export default function App() {
+const App = () => {
   return (
-    <View
-      style={{ flex: 1, justifyContent: 'center', backgroundColor: '#000' }}
-    >
-      <GestureHandlerRootView style={{ flex: 1, marginTop: 200 }}>
-        <Chart.Root data={data} height={250}>
-          <Chart.Canvas>
-            <Chart.Area />
-            <Chart.Line />
-            <Chart.Cursor />
-          </Chart.Canvas>
-
-          <Chart.Tooltip.Value />
-          <Chart.Tooltip.Date />
-        </Chart.Root>
-      </GestureHandlerRootView>
-    </View>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <BarChart.Root
+        data={data}
+        width={390}
+        selectable
+        showXAxis
+        scrollToTheEnd
+      >
+        <BarChart.Canvas>
+          <BarChart.Grid />
+          <BarChart.Bar />
+          <BarChart.ToolTip
+            format={(value) => {
+              'worklet';
+              return value.toString();
+            }}
+          />
+          <BarChart.YAxis labelColor="#FFF" labelBackgroundColor="#696969" />
+        </BarChart.Canvas>
+      </BarChart.Root>
+    </GestureHandlerRootView>
   );
-}
-```
-
-## 💡 Examples
-
-Here are some common patterns to customize the chart to your needs.
-
-### 1. Custom Colors (The "Bitcoin" Look)
-
-Customize the line color and the area gradient to match specific assets (e.g., Orange for BTC, Blue for ETH).
-
-```tsx
-<Chart.Root data={data}>
-  <Chart.Canvas>
-    <Chart.Area
-      // Gradient from transparent Orange to transparent
-      gradientColors={['#F7931A50', '#F7931A00']}
-    />
-    <Chart.Line
-      colors={['#F7931A']} // Solid Orange
-      strokeWidth={4}
-    />
-    <Chart.Cursor crosshairColor="#F7931A" />
-  </Chart.Canvas>
-</Chart.Root>
-```
-
-![Chart Sample 1](./docs/assets/1.png)
-
-### 2. Minimal Sparkline
-
-A small, simplified chart without tooltips or padding, perfect for lists or crypto tickers.
-
-```tsx
-<Chart.Root
-  data={data}
-  height={60}
-  width={120}
-  padding={0} // Remove padding to touch edges
->
-  <Chart.Canvas>
-    <Chart.Line
-      strokeWidth={2}
-      colors={['#10B981', '#10B981', '#10B981', '#10B981']}
-    />
-  </Chart.Canvas>
-  {/* No Tooltips, no Cursor */}
-</Chart.Root>
-```
-
-![Chart Sample 2](./docs/assets/2.png)
-
-### 3. Custom Currency Formatting (USD/EUR)
-
-Use a Worklet to format values dynamically on the UI thread.
-
-```tsx
-const formatUSD = (value: number) => {
-  'worklet';
-  return `$ ${value.toFixed(2)}`;
-};
-
-const formatEUR = (value: number) => {
-  'worklet';
-  return `€ ${value.toFixed(2).replace('.', ',')}`;
 };
-
-// Usage
-<Chart.Root data={data}>
-  <Chart.Canvas>
-    <Chart.Area />
-    <Chart.Line />
-    <Chart.Cursor />
-  </Chart.Canvas>
-  <Chart.ToolTip.Value format={formatUSD} />
-</Chart.Root>;
-```
-
-![Chart Sample 3](./docs/assets/3.gif)
-
-### 4. Customizing the Tooltip Style
-
-Change the background color and border radius of the floating tooltip.
-
-```tsx
-<Chart.Root data={data}>
-  <Chart.Canvas>
-    <Chart.Area />
-    <Chart.Line />
-    <Chart.Cursor />
-  </Chart.Canvas>
-  <Chart.Tooltip.Value
-    containerStyle={{
-      backgroundColor: 'white',
-      borderRadius: 4,
-      borderWidth: 1,
-      borderColor: '#E5E7EB',
-    }}
-    style={{
-      color: 'black',
-      fontSize: 14,
-    }}
-  />
-</Chart.Root>
 ```
 
-![Chart Sample 4](./docs/assets/4.gif)
+[Read the full BarChart Documentation](./docs/BarChartDocs.md) (Includes API Reference, Scrolling, Y-Axis customization, and more)
 
-## 🛠️ API Reference
+<img src="./docs/assets/barchart/0.gif" alt="Interactive Line" />
 
-### `<Chart.Root />`
+### 2. Line Chart
 
-The parent component that manages state and calculations.
+The classic interactive line chart for financial data.
 
-| Prop             | Type          | Default        | Description                              |
-| ---------------- | ------------- | -------------- | ---------------------------------------- |
-| `data`           | `DataPoint[]` | **Required**   | `{ timestamp: number, value: number }[]` |
-| `height`         | `number`      | `250`          | Total height of the chart                |
-| `width`          | `number`      | `Screen Width` | Total width of the chart                 |
-| `padding`        | `number`      | `20`           | Internal horizontal padding              |
-| `containerStyle` | `ViewStyle`   | `{}`           | Styles for the main container            |
+[Read the full LineChart Documentation](./docs/LineChartDocs.md) (Includes API Reference, Areas, Baselines, and Advanced Tooltips)
 
-### `<Chart.Canvas />`
+<img src="./docs/assets/0.gif" alt="Interactive Line" />
 
-The wrapper for all Skia elements.
-
-| Prop       | Type              | Default | Description                             |
-| ---------- | ----------------- | ------- | --------------------------------------- |
-| `children` | `React.ReactNode` | - - -   | Children element. Must be Skia elements |
-
-### `<Chart.Line />`
-
-Draws the main chart line.
-
-| Prop          | Type       | Default                                        | Description                    |
-| ------------- | ---------- | ---------------------------------------------- | ------------------------------ |
-| `strokeWidth` | `number`   | `3`                                            | Line thickness                 |
-| `colors`      | `string[]` | `['#00E396', '#00E396', '#EA3943', '#EA3943']` | Gradient colors (Top → Bottom) |
-
-### `<Chart.Baseline />`
-
-Draws a dashed horizontal line at the starting value (baseline). Useful for visualizing profit/loss.
-
-| Prop        | Type      | Default   | Description                                              |
-| ----------- | --------- | --------- | -------------------------------------------------------- |
-| `color`     | `string`  | `#858CA2` | Color of the dashed line and starting dot.               |
-| `showLabel` | `boolean` | `true`    | Whether to show the label chip with the formatted value. |
-
-### `<Chart.Area />`
-
-Draws the gradient fill below the line.
-
-| Prop             | Type       | Default                            | Description                                                                      |
-| ---------------- | ---------- | ---------------------------------- | -------------------------------------------------------------------------------- |
-| `gradientColors` | `string[]` | `['#000', '#000', '#000', '#000']` | Array of 4 colors for the area gradient (Top -> Baseline -> Baseline -> Bottom). |
-
-### `<Chart.Cursor />`
-
-The interactive cursor that follows the finger.
-
-| Prop             | Type     | Default   | Description                          |
-| ---------------- | -------- | --------- | ------------------------------------ |
-| `crosshairColor` | `string` | `'white'` | Color of the vertical line           |
-| `circleColor`    | `string` | `'white'` | Border color of the indicator circle |
-
-### `<Chart.Tooltip.Value />`
-
-Displays the current interpolated value (price, score, etc).
-
-| Prop             | Type                        | Default  | Description             |
-| ---------------- | --------------------------- | -------- | ----------------------- |
-| `format`         | `(value: number) => string` | `$ 0.00` | Format function         |
-| `style`          | `TextStyle`                 | `{}`     | Inner text style        |
-| `containerStyle` | `ViewStyle`                 | `{}`     | Tooltip container style |
-
-### `<Chart.Tooltip.Date />`
-
-Displays the current date/time.
-
-| Prop             | Type                        | Default      | Description             |
-| ---------------- | --------------------------- | ------------ | ----------------------- |
-| `style`          | `TextStyle`                 | `{}`         | Inner text style        |
-| `containerStyle` | `ViewStyle`                 | `{}`         | Tooltip container style |
-| `format`         | `(value: number) => string` | `DD/MM/YYYY` | Timestamp formatter     |
-
-## 🎨 Advanced Customization
+```tsx
+import { LineChart } from 'react-native-financial-charts';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
-### Formatting Currency (USD)
+const data = [
+  {
+    timestamp: new Date('2025-11-18T10:00:00').getTime(),
+    value: 468500.2,
+  },
+  {
+    timestamp: new Date('2025-11-19T10:00:00').getTime(),
+    value: 471200.5,
+  },
+  {
+    timestamp: new Date('2025-11-20T10:00:00').getTime(),
+    value: 465800.1,
+  },
+  {
+    timestamp: new Date('2025-11-21T10:00:00').getTime(),
+    value: 459900.0,
+  },
+  {
+    timestamp: new Date('2025-11-22T10:00:00').getTime(),
+    value: 462300.75,
+  },
+  {
+    timestamp: new Date('2025-11-23T10:00:00').getTime(),
+    value: 469100.3,
+  },
+  {
+    timestamp: new Date('2025-11-24T10:00:00').getTime(),
+    value: 472569.81,
+  },
+];
 
-```ts
-const formatUSD = (value: number) => {
-  'worklet';
-  return `$ ${value.toFixed(2)}`;
+const App = () => {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <LineChart.Root data={data} width={400}>
+        <LineChart.Canvas>
+          <LineChart.Area />
+          <LineChart.Baseline />
+          <LineChart.Line />
+          <LineChart.Cursor />
+        </LineChart.Canvas>
+        <LineChart.Tooltip.Value />
+        <LineChart.Tooltip.Date />
+      </LineChart.Root>
+    </GestureHandlerRootView>
+  );
 };
-
-<Chart.Tooltip.Value format={formatUSD} />;
-```
-
-### Styling the Container
-
-```tsx
-<Chart.Root
-  data={data}
-  containerStyle={{
-    backgroundColor: '#1E1E2D',
-    borderRadius: 20,
-    borderWidth: 1,
-    borderColor: '#333',
-  }}
->
 ```
 
 ## 🐛 Troubleshooting

package/lib/module/charts/BarChart/BarChartContext.js

@@ -0,0 +1,246 @@
+"use strict";
+
+import React, { createContext, useContext, useEffect, useImperativeHandle, useMemo } from 'react';
+import { Easing, useAnimatedRef, useScrollViewOffset, useSharedValue, withTiming } from 'react-native-reanimated';
+import { matchFont } from '@shopify/react-native-skia';
+import { BAR_CHART_PADDING_LEFT, BAR_CHART_PADDING_RIGHT } from "./constants.js";
+import { calculateNiceScale } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const LABEL_PADDING_TOP = 4;
+const APPROX_FONT_HEIGHT = 18;
+export const BarChartContext = /*#__PURE__*/createContext(undefined);
+const BarChartProvider = ({
+  data,
+  isLoading = false,
+  width = 300,
+  height = 300,
+  barWidth = 32,
+  spacing = 12,
+  barColor = '#E0E0E0',
+  activeBorderColor = '#333333',
+  activeBorderWidth = 2,
+  scrollToTheEnd = false,
+  isScrollable = false,
+  selectable = false,
+  font: propFont,
+  yAxisTicksCount = 5,
+  showXAxis = false,
+  verticalScaleFactor = 0.8,
+  ref,
+  onBarPress,
+  children
+}) => {
+  // 1. Font Loading (Fallback to System Font if needed)
+  const systemFont = matchFont({
+    fontFamily: 'sans-serif',
+    fontSize: 10
+  });
+  const font = propFont ?? systemFont;
+
+  // 2. Shared Values & Refs
+  const selectedIndex = useSharedValue(-1);
+  const entryProgress = useSharedValue(0);
+  const scrollViewRef = useAnimatedRef();
+  const scrollX = useScrollViewOffset(scrollViewRef);
+  useEffect(() => {
+    if (!isLoading) {
+      entryProgress.value = 0;
+      entryProgress.value = withTiming(1, {
+        duration: 1200,
+        easing: Easing.out(Easing.exp)
+      });
+      if (scrollToTheEnd && isScrollable) {
+        // Delay for ScrollView calculation
+        setTimeout(() => {
+          scrollViewRef.current?.scrollToEnd({
+            animated: true
+          });
+        }, 100);
+      } else {
+        setTimeout(() => {
+          scrollViewRef.current?.scrollTo({
+            x: 0,
+            animated: true
+          });
+        }, 100);
+      }
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [data, isLoading, scrollToTheEnd, isScrollable]);
+
+  // 3. Layout Calculations
+  const xAxisHeight = showXAxis ? LABEL_PADDING_TOP + APPROX_FONT_HEIGHT : 0;
+  const graphBottom = height - xAxisHeight;
+  const maxBarHeight = graphBottom * verticalScaleFactor;
+  const skeletonData = useMemo(() => {
+    return Array.from({
+      length: 6
+    }).map((_, index) => ({
+      label: '---',
+      value: 100,
+      id: `skeleton-${index}`
+    }));
+  }, []);
+  const layoutData = isLoading ? skeletonData : data;
+
+  // Detect YAxis in children
+  const {
+    hasYAxis,
+    yAxisWidth
+  } = useMemo(() => {
+    let found = false;
+    let widthFound = 50; // Default width;
+
+    const childrenArray = React.Children.toArray(children);
+    for (const child of childrenArray) {
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        // Check the type.displayName to find Y-Axis component
+        // @ts-ignore
+        if (child.type?.displayName === 'BarChartYAxis') {
+          found = true;
+          widthFound = child.props.width || 50;
+        }
+      }
+    }
+    return {
+      hasYAxis: found,
+      yAxisWidth: widthFound
+    };
+  }, [children]);
+  const {
+    maxValue,
+    yAxisTicks
+  } = useMemo(() => {
+    let rawMax = 0;
+    if (isLoading) {
+      rawMax = 100;
+    } else {
+      rawMax = Math.max(...data.map(item => item.value), 0);
+    }
+    const scale = calculateNiceScale(0, rawMax, yAxisTicksCount);
+    return {
+      maxValue: scale.max,
+      yAxisTicks: scale.ticks
+    };
+  }, [data, isLoading, yAxisTicksCount]);
+  const {
+    canvasWidth,
+    contentWidth,
+    effectiveBarWidth
+  } = useMemo(() => {
+    const SIDE_PADDING = BAR_CHART_PADDING_LEFT + BAR_CHART_PADDING_RIGHT;
+    const availableCanvasWidth = hasYAxis ? width - yAxisWidth : width;
+    const numberOfItems = Math.max(layoutData.length, 1);
+    const numberOfSpaces = Math.max(numberOfItems - 1, 0);
+    const totalSpacing = spacing * numberOfSpaces;
+    if (isScrollable && !isLoading) {
+      // SCROLL MODE: Use fixed barWidth from props
+      const totalBarsWidth = numberOfItems * barWidth;
+      const totalContentWidth = totalBarsWidth + totalSpacing + SIDE_PADDING;
+      return {
+        contentWidth: totalContentWidth,
+        canvasWidth: availableCanvasWidth,
+        effectiveBarWidth: barWidth
+      };
+    } else {
+      // FIT MODE: Calculate dynamic barWidth to fit container
+      const availableSpaceForBars = availableCanvasWidth - totalSpacing - SIDE_PADDING;
+      // Prevent division by zero and ensure min width of 1px;
+      const dynamicWidth = Math.max(availableSpaceForBars / Math.max(numberOfItems, 1), 1);
+      return {
+        contentWidth: availableCanvasWidth,
+        canvasWidth: availableCanvasWidth,
+        effectiveBarWidth: dynamicWidth // Override the prop
+      };
+    }
+  }, [layoutData, isScrollable, barWidth, spacing, width, hasYAxis, yAxisWidth, isLoading]);
+
+  // 4. Expose Ref Mathods
+  useImperativeHandle(ref, () => ({
+    scrollToStart: (animated = true) => {
+      scrollViewRef.current?.scrollTo({
+        x: 0,
+        animated
+      });
+    },
+    scrollToEnd: (animated = true) => {
+      scrollViewRef.current?.scrollToEnd({
+        animated
+      });
+    },
+    scrollToIndex: (index, animated = true) => {
+      const positionX = index * (barWidth + spacing);
+      scrollViewRef.current?.scrollTo({
+        x: positionX,
+        animated
+      });
+    },
+    selectedIndex: (index, options) => {
+      // Update the SharedValue (triggers UI animations instantly)
+      if (index >= -1 && index < data.length) {
+        selectedIndex.value = index;
+
+        // Scroll to the bar
+        if (options?.scrollToBar && index !== -1 && isScrollable) {
+          const itemFullWidth = barWidth + spacing;
+
+          // Center logic: Item Pos - Half Screen + Half Item
+          const itemX = BAR_CHART_PADDING_LEFT + index * itemFullWidth;
+          const centerOffsetX = itemX - canvasWidth / 2 + barWidth / 2;
+
+          // Ensure scroll don't past bounds
+          const maxOffset = contentWidth - canvasWidth;
+          const targetX = Math.max(0, Math.min(centerOffsetX, maxOffset));
+          scrollViewRef.current?.scrollTo({
+            x: targetX,
+            animated: options.animatedScroll
+          });
+        }
+      }
+    }
+  }));
+  return /*#__PURE__*/_jsx(BarChartContext.Provider, {
+    value: {
+      data,
+      isLoading,
+      skeletonData,
+      height,
+      width,
+      yAxisTicks,
+      canvasWidth,
+      contentWidth,
+      barWidth: effectiveBarWidth,
+      spacing,
+      verticalScaleFactor,
+      xAxisHeight,
+      graphBottom,
+      maxBarHeight,
+      isScrollable,
+      barColor,
+      activeBorderColor,
+      activeBorderWidth,
+      font,
+      showXAxis,
+      selectable: selectable ?? !!onBarPress,
+      selectedIndex,
+      entryProgress,
+      maxValue,
+      scrollViewRef,
+      scrollX,
+      hasYAxis,
+      yAxisWidth,
+      onBarPress
+    },
+    children: children
+  });
+};
+export const useBarChart = () => {
+  const context = useContext(BarChartContext);
+  if (!context) {
+    throw new Error('useBarChart must be used inside a <BarChart.Root />');
+  }
+  return context;
+};
+export default BarChartProvider;
+//# sourceMappingURL=BarChartContext.js.map

package/lib/module/charts/BarChart/BarChartContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useEffect","useImperativeHandle","useMemo","Easing","useAnimatedRef","useScrollViewOffset","useSharedValue","withTiming","matchFont","BAR_CHART_PADDING_LEFT","BAR_CHART_PADDING_RIGHT","calculateNiceScale","jsx","_jsx","LABEL_PADDING_TOP","APPROX_FONT_HEIGHT","BarChartContext","undefined","BarChartProvider","data","isLoading","width","height","barWidth","spacing","barColor","activeBorderColor","activeBorderWidth","scrollToTheEnd","isScrollable","selectable","font","propFont","yAxisTicksCount","showXAxis","verticalScaleFactor","ref","onBarPress","children","systemFont","fontFamily","fontSize","selectedIndex","entryProgress","scrollViewRef","scrollX","value","duration","easing","out","exp","setTimeout","current","scrollToEnd","animated","scrollTo","x","xAxisHeight","graphBottom","maxBarHeight","skeletonData","Array","from","length","map","_","index","label","id","layoutData","hasYAxis","yAxisWidth","found","widthFound","childrenArray","Children","toArray","child","isValidElement","type","displayName","props","maxValue","yAxisTicks","rawMax","Math","max","item","scale","ticks","canvasWidth","contentWidth","effectiveBarWidth","SIDE_PADDING","availableCanvasWidth","numberOfItems","numberOfSpaces","totalSpacing","totalBarsWidth","totalContentWidth","availableSpaceForBars","dynamicWidth","scrollToStart","scrollToIndex","positionX","options","scrollToBar","itemFullWidth","itemX","centerOffsetX","maxOffset","targetX","min","animatedScroll","Provider","useBarChart","context","Error"],"sourceRoot":"../../../../src","sources":["charts/BarChart/BarChartContext.tsx"],"mappings":"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","ignoreList":[]}