I'm using Stacked Bar Chart vue2 component (from @adyen/lume@1.6.5) with no data (empty values array) in situations when there is no data available yet (it should be possible accordingly to documentation, at least it doesn't state otherwise). In such situation I'd like to render empty chart with 7 columns for each of the past 7 days on the x axis, and 10 ticks for values from 0 to 10 on the y axis.
However when I try to render chart for such use case, tick labels on the x axis are rendered partially outside of the chart container. Here is component that can be used to reproduce the issue:
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Make sure this is a Lume issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
Problem description
I'm using Stacked Bar Chart vue2 component (from
@adyen/lume@1.6.5
) with no data (empty values array) in situations when there is no data available yet (it should be possible accordingly to documentation, at least it doesn't state otherwise). In such situation I'd like to render empty chart with 7 columns for each of the past 7 days on the x axis, and 10 ticks for values from 0 to 10 on the y axis.However when I try to render chart for such use case, tick labels on the x axis are rendered partially outside of the chart container. Here is component that can be used to reproduce the issue:
Reproduction URL
No response
Reproduction steps
Expected behavior
Tick labels on both axis are correctly aligned to the chart container, so all 1-7 values are visible on the x axis.
Screenshots
No response
Logs
No response
Browsers
Chrome
OS
No response
Validations