question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Disappearing lines in CartesianGrid

See original GitHub issue

Do 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. recharts-cartesiangrid https://jsfiddle.net/xqjtetw0/1996/

Vertical lines are missing further in the graph. Notice three different densities. image https://jsfiddle.net/xqjtetw0/1997/

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
xile611commented, Mar 17, 2020

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

2reactions
kxxolingcommented, Jun 4, 2018

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 inner g element is not always equals CartesianGrid.xAxis.domain.length - 1.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found