Skip to content

Feature [DEV-11788] Dynamic y-axis width for horizontal bars #2402

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jayb merged 11 commits into from
Dec 5, 2025
Merged

Feature [DEV-11788] Dynamic y-axis width for horizontal bars #2402

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
53ce961
Add gridlines for horizontal bars
jayb Nov 13, 2025
05f23a6
Make y-axis dynamic for horizontal bar charts
jayb Nov 14, 2025
11d3d59
Add story
jayb Nov 14, 2025
bc618a3
Leave space for y-axis labels
jayb Nov 19, 2025
fc8b0ec
Reduce font size of horizontal bar data labels
jayb Nov 24, 2025
823530e
Specify corrent font sizes
jayb Nov 25, 2025
a56c0fb
Nudge lollipop labels
jayb Nov 25, 2025
350487d
Use dynamic y-axis width for lollipop charts
jayb Nov 25, 2025
e7db9db
Improve label padding
jayb Nov 25, 2025
3f88901
Remove width ref
jayb Dec 3, 2025
10a642a
Cleanup
jayb Dec 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions packages/chart/src/_stories/Chart.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import lollipop from './_mock/lollipop.json'
import forestPlot from '../../examples/feature/forest-plot/forest-plot.json'
import pairedBar from './_mock/paired-bar.json'
import horizontalBarConfig from './_mock/horizontal_bar.json'
import horizontalBarsDynamicYAxis from './_mock/horizontal-bars-dynamic-y-axis.json'
import barChartLabels from './_mock/barchart_labels.mock.json'
import pieConfig from './_mock/pie_with_data.json'
import pieCalculatedArea from './_mock/pie_calculated_area.json'
Expand Down Expand Up @@ -59,6 +60,13 @@ export const Horizontal_Bar: Story = {
}
}

export const Horizontal_Bars_Dynamic_Y_Axis: Story = {
args: {
config: horizontalBarsDynamicYAxis,
isEditor: false
}
}

export const BarChart_Labels: Story = {
args: {
config: barChartLabels
Expand Down
Loading