一个可以看画图的代码（画图程序可以实现查看和编辑图片吗）

import React from 'react';

import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts';

import { Card, CardHeader, CardContent } from "@/components/ui/card";

const data = [

{ name: '衣', value: 2000 },

{ name: '食', value: 3000 },

{ name: '住', value: 4000 },

{ name: '行', value: 1000 },

];

const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];

const ExpenseChart = () => {

return (

2024年支出统计

<Pie

data={data}

cx="50%"

cy="50%"

labelLine={false}

outerRadius={80}

fill="#8884d8"

dataKey="value"

label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}

>

{data.map((entry, index) => (

))}

);

};

export default ExpenseChart;

Tags：pie chart