bar/line chart spacing #2122
Description
See these variations on the multiseries chart in tutorial-05
1 Too much space above top datapoint:
<LineChart
data="{ monthlyStatus }"
yKeys="{['paid_revenue', 'sent_revenue']}"
xKey="month"
stacked="true"
showLegend="true"
tickFormatter="{(value) => {
return window.formatMonth(value);
}}"
/>
2 Too much space to the right of longest bar:
<BarChart
data="{ monthlyStatus }"
yKeys="{['paid_revenue', 'sent_revenue']}"
xKey="month"
stacked="true"
showLegend="true"
tickFormatter="{(value) => {
return window.formatMonth(value);
}}"
/>
3 No space above highest bar.
<BarChart
orientation="horizontal"
data="{ monthlyStatus }"
yKeys="{['paid_revenue', 'sent_revenue']}"
xKey="month"
stacked="true"
showLegend="true"
tickFormatter="{(value) => {
return window.formatMonth(value);
}}"
/>
I think this is because our XMLUI wrappers don’t expose or apply yDomain / xDomain from Recharts.
(Separately in case 3 I think horizontal is wrong, I would expect vertical)