add barchart storybook item

Automattic · Dec 19, 2024 · 4ec9cb3 · 4ec9cb3
1 parent 0414723
commit 4ec9cb3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/projects/js-packages/charts/src/components/bar-chart/bar-chart.tsx b/projects/js-packages/charts/src/components/bar-chart/bar-chart.tsx
@@ -30,7 +30,7 @@ const BarChart: FC< BarChartProps > = ( {
 	legendOrientation = 'horizontal',
 	className,
 	showGridX = true,
-	showGridY = true,
+	showGridY = false,
 } ) => {
 	const theme = useChartTheme();
 	const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =

diff --git a/projects/js-packages/charts/src/components/bar-chart/stories/index.stories.tsx b/projects/js-packages/charts/src/components/bar-chart/stories/index.stories.tsx
@@ -28,6 +28,8 @@ export const Default: StoryType = {
 		data: [ data[ 0 ], data[ 1 ], data[ 2 ] ], // limit to 3 series for better readability
 		showLegend: false,
 		legendOrientation: 'horizontal',
+		showGridX: true,
+		showGridY: false,
 	},
 };
 
@@ -81,3 +83,11 @@ export const WithVerticalLegend = {
 		legendOrientation: 'vertical',
 	},
 };
+
+export const WithXYGrid = {
+	args: {
+		...Default.args,
+		showGridX: true,
+		showGridY: true,
+	},
+};