You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
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:
Area
ReferenceLine
ReferenceArea
The 2
ReferenceLine
are draggable and can be moved around on the X axis ; they also determine the boundaries of the 3ReferenceArea
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
orReferenceLine
Here are my questions
ReferenceArea
/ReferenceLine
, or do I need to implement an equivalent myself?string
is a very vague indication for a possible valueBeta Was this translation helpful? Give feedback.
All reactions