Revert "remove pie element"

This reverts commit f939fcd.

Author: erikologic

src/configuration.tsx

@@ -24,6 +24,12 @@ const defaultConf: Config = [
       labels: [Label.amt, Label.uv],
     },
   },
+  {
+    type: "pie",
+    props: {
+      labels: [Label.pv, Label.uv, Label.amt],
+    },
+  },
   {
     type: "gauge",
     props: {

src/lib/chartComponents/StraightAnglePieChart.tsx

@@ -0,0 +1,45 @@
+import { PieChart } from "@mui/x-charts";
+import { getLatest } from "../helpers";
+import { Type, type Static } from "@sinclair/typebox";
+import { labelSchema } from "../../labels";
+
+export const slug = "pie";
+
+export const jsonSchema = Type.Object(
+  {
+    type: Type.Literal(slug),
+    props: Type.Object({
+      labels: Type.Array(labelSchema, {
+        title: "Pie Chart Labels",
+        description: "The labels to display on the pie chart",
+      }),
+      fullPage: Type.Optional(
+        Type.Boolean({
+          title: "Should the chart occupy the full page?",
+        }),
+      ),
+    }),
+  },
+  {
+    title: "Pie Chart",
+    description: "A simple pie chart",
+  },
+);
+
+type PieChartSchema = Static<typeof jsonSchema>;
+
+export function Component({ labels, fullPage }: PieChartSchema["props"]) {
+  return (
+    <PieChart
+      series={[
+        {
+          arcLabel: (item) => `${item.value}`,
+          startAngle: -90,
+          endAngle: 90,
+          data: labels.map((label) => ({ label, value: getLatest(label) })),
+        },
+      ]}
+      height={fullPage ? 800 : 300}
+    />
+  );
+}

src/lib/chartComponents/index.ts

@@ -2,10 +2,12 @@ import * as SimpleLineChart from "./SimpleLineChart";
 import * as SimpleGauge from "./SimpleGauge";
 import * as SimpleBarChart from "./SimpleBarChart";
 import * as StackedAreaChart from "./StackedAreaChart";
+import * as StraightAnglePieChart from "./StraightAnglePieChart";
 
 export const charts = [
   SimpleLineChart,
   SimpleGauge,
   SimpleBarChart,
   StackedAreaChart,
+  StraightAnglePieChart,
 ] as const;