如何创建动态rechart标签

npm install recharts

import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts';

import React, { useState } from 'react';

const MyChart = () => {
  const [dynamicData, setDynamicData] = useState(data);

  // 其中data是你的初始数据，可以是一个数组对象，每个对象代表一个数据点

  return (
    <LineChart width={500} height={300} data={dynamicData}>
      {/* 在这里定义你的图表组件 */}
    </LineChart>
  );
}

export default MyChart;

<LineChart width={500} height={300} data={dynamicData}>
  <XAxis dataKey="name" />
  <YAxis />
  <CartesianGrid stroke="#eee" strokeDasharray="5 5" />
  <Tooltip />
  <Legend />
  <Line type="monotone" dataKey="value" stroke="#8884d8" />
</LineChart>

const updateData = () => {
  // 在这里更新你的数据源
  const newData = [...dynamicData, { name: 'New Data', value: 10 }];
  setDynamicData(newData);
}