Line chart full width about react-native-chart-kit HOT 2 OPEN

You can modify the LineChart.tsx.

Check the point calculation logic here:

You need to modify the x calculation logic, the straight way to do is changing the xmax calculations:

From:

  getXMaxValues = (data: Dataset[]) => {
    return data.reduce((acc, cur) => {
      return cur.data.length > acc ? cur.data.length : acc;
    }, 0);
  };

To:

  getXMaxValues = (data: Dataset[]) => {
    const xmax = data.reduce((acc, cur) => {
      return cur.data.length > acc ? cur.data.length : acc;
    }, 0);
    return Math.max(1, xmax - 1);
  };

from react-native-chart-kit.

You can modify the LineChart.tsx.

Check the point calculation logic here:

react-native-chart-kit/src/line-chart/LineChart.tsx

Line 677 in f30a37d

const x = (i: number) =>

You need to modify the x calculation logic, the straight way to do is changing the xmax calculations:

react-native-chart-kit/src/line-chart/LineChart.tsx

Line 651 in f30a37d

getXMaxValues = (data: Dataset[]) => {

From:

  getXMaxValues = (data: Dataset[]) => {
    return data.reduce((acc, cur) => {
      return cur.data.length > acc ? cur.data.length : acc;
    }, 0);
  };

To:

  getXMaxValues = (data: Dataset[]) => {
    const xmax = data.reduce((acc, cur) => {
      return cur.data.length > acc ? cur.data.length : acc;
    }, 0);
    return Math.max(1, xmax - 1);
  };

@laishere Thank you! Should we open a pull request?

from react-native-chart-kit.