使用react-native-svg-charts对多个数据进行分组

import React from 'react';
import { View } from 'react-native';
import { BarChart } from 'react-native-svg-charts';

const data = [
  { month: 'Jan', sales: 100 },
  { month: 'Feb', sales: 200 },
  { month: 'Mar', sales: 150 },
  // ... 其他月份数据
];

const GroupedBarChart = () => {
  const groupedData = data.reduce((acc, item) => {
    if (!acc[item.month]) {
      acc[item.month] = [];
    }
    acc[item.month].push(item.sales);
    return acc;
  }, {});

  const chartData = Object.keys(groupedData).map(month => ({
    month,
    sales: groupedData[month],
  }));

  return (
    <View>
      <BarChart
        style={{ height: 200 }}
        data={chartData}
        xAccessor={({ item }) => item.month}
        yAccessor={({ item }) => item.sales}
        svg={{ fill: 'blue' }}
      />
    </View>
  );
};

export default GroupedBarChart;

const groupedData = data.reduce((acc, item) => {
  if (!acc[item.month]) {
    acc[item.month] = [];
  }
  acc[item.month].push(item.sales);
  return acc;
}, {});

const chartData = Object.keys(groupedData).map(month => ({
  month,
  sales: groupedData[month],
}));

console.log(groupedData);
console.log(chartData);