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

* Add gridlines for horizontal bars

* Make y-axis dynamic for horizontal bar charts

* Add story

* Leave space for y-axis labels

* Reduce font size of horizontal bar data labels

* Specify corrent font sizes

* Nudge lollipop labels

* Use dynamic y-axis width for lollipop charts

* Improve label padding

* Remove width ref

* Cleanup

Author: jayb

packages/chart/src/_stories/Chart.stories.tsx

@@ -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'
@@ -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