How to change the width of the bar in bar chart? about react-charts

[kirill-konshin]

@ParthS007 good job with the sandbox! Independently I came up with exact same solution, glad to see I'm not alone here.

[bvelasquez]

@ParthS007 Did you find a solution for this?

[bvelasquez]

#81

[ParthS007]

Hi @bvelasquez

After diving deep in the library, I think that there is a bug in calculating CSS transforms for rect elements for the bar.
I was not able to found a full-proof way of solving this but I came up with a workaround (adding null values in the start and end of the data) which is working well for my use case and may help someone else to solve their problem so thought of adding the workaround as a StackOverflow answer.

Here's the answer: https://stackoverflow.com/a/61218420/7994074

I have also made a codesandbox as a working preview:

I hope it helps. :)

[RahmanMonjur]

Did you try to use the X-axis type as ordinal?

[tannerlinsley]

Due to a massive overhaul and rewrite of React Charts to TypeScript and a massively upgraded public API, this issue is being bulk closed for triage. The latest version can be tested via the react-charts@beta tag. Documentation is in the process of being upgraded, but thankfully, everything is fully typed now, so you can explore the API that way for now.

If, after testing or playing with the v3 beta, you believe your issue is still not addressed or relevant, feel free to open a new issue.