Create BDRPerformanceChart.js

tajmahal226 · Sep 20, 2024 · d15aa89 · d15aa89
1 parent 6359bbe
commit d15aa89
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/BDRPerformanceChart.js b/BDRPerformanceChart.js
@@ -0,0 +1,16 @@
+const BDRPerformanceChart = ({ data }) => (
+  <ResponsiveContainer width="100%" height={300}>
+    <BarChart data={data}>
+      <CartesianGrid strokeDasharray="3 3" />
+      <XAxis dataKey="name" />
+      <YAxis />
+      <Tooltip />
+      <Legend />
+      <Bar dataKey="calls" fill="#0088FE" />
+      <Bar dataKey="emails" fill="#00C49F" />
+      <Bar dataKey="meetings" fill="#FFBB28" />
+    </BarChart>
+  </ResponsiveContainer>
+);
+
+export default BDRPerformanceChart;