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.
Dots on the same line are not shown in combination with gradient line
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Reproduction link
https://jsfiddle.net/vru8sone/39/
Steps to reproduce
Line between dots is not shown in: https://jsfiddle.net/vru8sone/39/
When I remove the gradient bij removing the <linearGradient />, the line is showing:
https://jsfiddle.net/vru8sone/40/
What is expected?
Expected is that the line is shown between the dots
What is actually happening?
The line is not showing
| Environment | Info |
|---|---|
| Recharts | v1.8.5 |
| React | 16.13.1 |
| System | Ubuntu 20.04 (but also on OSX) |
| Browser | Firefox v79 |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:7 (1 by maintainers)
Top Results From Across the Web
Linear gradient color setting doesn't work for stroke sometimes
The Area's stroke disappears when using the linear gradient ... Dots on the same line are not shown in combination with gradient line...
Read more >linear-gradient() - CSS: Cascading Style Sheets | MDN
The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line.
Read more >Add a gradient color to a shape - Microsoft Support
On the Format tab, click Shape Fill, click Gradient, and select the one you want. Tip: To quickly apply this same gradient fill...
Read more >What to consider when choosing colors for data visualization
It's important to use clearly distinguishable hues for both sides of the gradient.
Read more >Excel Multi-colored Line Charts - My Online Training Hub
The first is to use a gradient fill on the line. This is the simplest as it only requires a single series:.
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 Free
Top 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
I don’t see how that is a solution that closes this issue? You call it a workaround…
It’s the bug of linear gradient when all the points are in a line. A workaround is change the position of some point a little.