BarChart error when there are many data and small width container

[akkivaghasiya5]

Bug summary

Let's say if there are 365 DataPoint and the width of the parent container div is 450px. Then the graph is not being loaded with error attribute width: A negative value is not valid. ("-0.03536031420765029"). (SS)

Expected behavior

If it is the width of bar, mathematically, it can never be negative. So, there might be some mathematical error.
There should be an option for min bar width. If the calculated bar width is less than min bar width, there should be scroll/overflow.

Actual behavior

Currently, graph is being blank as shown in SS with below error message.

rect attribute width: A negative value is not valid. ("-0.03536031420765029")

Specifications

  System:
    OS: macOS 13.5
    CPU: (8) arm64 Apple M2
    Memory: 51.11 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 16.20.1 - ~/.nvm/versions/node/v16.20.1/bin/node
    npm: 8.19.4 - ~/.nvm/versions/node/v16.20.1/bin/npm
  Browsers:
    Chrome: 116.0.5845.187
    Safari: 16.6
  npmPackages:
    @shopify/polaris-viz: ^9.10.6 => 9.10.6 
    react: ^16.14.0 => 16.14.0 
    react-dom: ^16.9.0 => 16.14.0 

[SomeBrujah]

Have the same problem