fe-18 完成饼状图

lazy-timer-fe/src/pages/Charts/Pie.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import { pieChartData } from '../../data/dummy';
+import { ChartsHeader, Pie as PieChart } from '../../components';
+
+const Pie = () => (
+  <div className="m-4 md:m-10 mt-24 p-10 bg-white dark:bg-secondary-dark-bg rounded-3xl">
+    <ChartsHeader category="Pie" title="Project Cost Breakdown" />
+    <div className="w-full">
+      <PieChart id="chart-pie" data={pieChartData} legendVisiblity height="full" />
+    </div>
+  </div>
+);
+
+export default Pie;