improvements: Pie Chart - Stacked

huntabyte · Sep 28, 2024 · 40db5fb · 40db5fb
1 parent 2a57b20
commit 40db5fb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-pie-stacked.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-pie-stacked.svelte
@@ -62,20 +62,20 @@
 		<Chart.Container class="mx-auto aspect-square max-h-[250px]">
 			<PieChart
 				label="month"
-				outerRadius={-25}
-				innerRadius={-20}
 				series={[
 					// TODO: Ability to provide data in a more concise/compact format
 					// e.g `series: { [ { key: "desktop", data: desktopData }, { key: "mobile", data: mobileData } ] }`
 					{
 						key: "desktop",
 						value: "desktop",
 						data: desktopData.map((d) => ({ month: d.month, value: d.desktop })),
+						props: { innerRadius: -20 },
 					},
 					{
 						key: "mobile",
 						value: "mobile",
 						data: mobileData.map((d) => ({ month: d.month, value: d.mobile })),
+						props: { outerRadius: -30 },
 					},
 				]}
 				cRange={[

diff --git a/sites/docs/src/routes/(app)/charts/+page.svelte b/sites/docs/src/routes/(app)/charts/+page.svelte
@@ -176,7 +176,7 @@
 				<ChartDisplay name="chart-pie-donut-text">
 					<Charts.ChartPieDonutText />
 				</ChartDisplay>
-				<ChartDisplay status="In Progress" name="chart-pie-stacked">
+				<ChartDisplay status="Blocked (Internal)" name="chart-pie-stacked">
 					<Charts.ChartPieStacked />
 				</ChartDisplay>
 				<ChartDisplay name="chart-pie-interactive">