From Recharts to Carbon Charts

[stanley-regnard]

Hello,

I am currently trying to replace our use of Recharts by Carbon Charts, the idea is to benefit from included features such as fullscreen mode, exports, etc. while retaining current features.

But I am really having a hard time in doing so, I am finding the documentation particularly difficult to work with ; the provided examples don't really fit with what I'm trying to achieve, and I haven't found the documentation really helpful to determine how to use all the different options properly.

A quick example of what I'm trying to achieve:

Recharts

Here I am using:

• 2 Area
• 2 ReferenceLine
• 3 ReferenceArea

The 2 ReferenceLine are draggable and can be moved around on the X axis ; they also determine the boundaries of the 3 ReferenceArea

Carbon Charts (WIP)

Here I am only using 1 AreaChart with two datasets ; and I have already been stuck on a problem for longer than I hoped, I can't figure out how to remove those empty spaces around my data.
I figured it has to do with the linear scale type, as reproduced here: https://codesandbox.io/s/bitter-grass-ssr89g?file=/src/index.js

Also, I can't find any equivalent to ReferenceArea or ReferenceLine

Here are my questions

• How can I remove this unwanted space around my data?
• Is there any equivalent to ReferenceArea / ReferenceLine, or do I need to implement an equivalent myself?
• Where can I find more information about all the possible options? Such as this one: https://charts.carbondesignsystem.com/documentation/interfaces/_interfaces_charts_.areachartoptions.html#bounds ; I'm not sure what it does, and string is a very vague indication for a possible value