VictoryBar displays thin bar if only a single data point is present

[ProtenusBill]

Bugs and Questions

Checklist

• This is not a victory-native specific issue. (Issues that only appear in victory-native should be opened here)

• I have read through the FAQ and Guides before asking a question

• I am using the latest version of Victory

• I've searched open issues to make sure I'm not opening a duplicate issue

The Problem

As additional bars appear in the chart, Victory intelligently reduces the width of the bars to fit everything into the chart. However, if only one bar is present said bar is unexpectedly very thin and can't be modified via the barRatio property.

Ideally the bar should default to an appropriate width (just as two bars are thicker than three bars) and/or it should be manipulable via barRatio.

Reproduction

This can be reproduced by modifying one of the interactive demos found in the documentation:

Single thin bar (barRatio on VictoryBar has no effect)

<VictoryChart theme={VictoryTheme.material}>
  <VictoryBar data={[{x: 'thin bar', y: 5}]} />
</VictoryChart>

Two bars are thicker and can be controlled via barRatio

<VictoryChart theme={VictoryTheme.material}>
  <VictoryBar data={[{x: 'much', y: 5}, {x: 'better', y: 5}]} />
</VictoryChart>

[boygirl]

@ProtenusBill Thank you for this issue. This is definitely a bug on our end. As a temporary work around, you can set a width in your bar styles when there is only a single bar.

[40x]

PR en-route

[vincentdesmares]

I still have the issue with victory@31.0.1.

[abeledovictor]

Still having the issue with victory@34.3.10