Disappearing lines in CartesianGrid
See original GitHub issueDo you want to request a feature or report a bug?
Bug
version: recharts 1.0.0-beta.10
Linked are modified versions of original example for LineChart at jsfiddle.
What is the current behavior?
In first example, horizontal line is disappearing within a ResponsiveContainer
. The line is actually missing in DOM as well, so it is not a display bug. The line is added back to DOM if the height is set back.
https://jsfiddle.net/xqjtetw0/1996/
Vertical lines are missing further in the graph. Notice three different densities. https://jsfiddle.net/xqjtetw0/1997/
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:5 (1 by maintainers)
Top Results From Across the Web
How can I calculate lines for a custom CartesianGrid in ...
I must be missing something. I have an x-axis and a y-axis. How can I map a value in those domains into positions...
Read more >recharts CartesianGrid JavaScript Examples - ProgramCreek.com
This page shows JavaScript code examples of recharts CartesianGrid.
Read more >Recharts: How To show/hide axis Grid Line - David Zhao
How To show/hide axis Grid Line in Recharts is explained with 3 demo cases.
Read more >User's Guide for the AMS/EPA Regulatory Model (AERMOD)
This User's Guide for the AMS/EPA Regulatory Model (AERMOD) provides user instructions for the AERMOD model. The technical description of the AERMOD ...
Read more >Cartesian Graph Paper
Cartesian graph paper is also known as cartesian grid or simply cartesian ... Cartesian Graph - lines paper ... Four Quadrant Cartesian Grid...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Sorry for not handling your issue in time, please try the latest version. If the problem persists, please open a new issue according to the issue guide. @tahesse
I encountered this case in v0.22.4 when the data passed into recharts changed, so I tried to upgrade Recharts to the newest version
recharts 1.0.0-beta.10
but the issue still exists.I dig a little and find data in
CartesianGrid.xAxis.domain
is an Array of 11 which is correct, but<g className="recharts-cartesian-grid-vertical" />
only has 10 element in the data array. I tried several times and the length in the innerg
element is not always equalsCartesianGrid.xAxis.domain.length - 1
.