Comments (6)
@ParthS007 good job with the sandbox! Independently I came up with exact same solution, glad to see I'm not alone here.
from react-charts.
@ParthS007 Did you find a solution for this?
from react-charts.
from react-charts.
Hi @bvelasquez
After diving deep in the library, I think that there is a bug in calculating CSS transforms for rect
elements for the bar.
I was not able to found a full-proof way of solving this but I came up with a workaround (adding null values in the start and end of the data) which is working well for my use case and may help someone else to solve their problem so thought of adding the workaround as a StackOverflow answer.
Here's the answer: https://stackoverflow.com/a/61218420/7994074
I have also made a codesandbox as a working preview:
I hope it helps. :)
from react-charts.
Did you try to use the X-axis type as ordinal?
from react-charts.
Due to a massive overhaul and rewrite of React Charts to TypeScript and a massively upgraded public API, this issue is being bulk closed for triage. The latest version can be tested via the react-charts@beta
tag. Documentation is in the process of being upgraded, but thankfully, everything is fully typed now, so you can explore the API that way for now.
If, after testing or playing with the v3 beta, you believe your issue is still not addressed or relevant, feel free to open a new issue.
from react-charts.
Related Issues (20)
- Constant secondary axis doesn't show bars HOT 1
- Data is not correctly displayed when stacked HOT 1
- Tooltip issue HOT 8
- Label for axis HOT 1
- [Important] d3-color Vulnerability issue. d3-scale dependency update required HOT 1
- MultipleAxes Issue HOT 1
- TypeError: Cannot read properties of undefined (reading 'Chart') HOT 1
- Vertical bar not showing in Bar - 3.0.0-beta.55 HOT 2
- Still supported? HOT 3
- Error: require() of ES Module [...] `buildAxis.linear.js` not supported. HOT 6
- `bar` element type doesn't show properly when axis value is a date HOT 1
- candlestick?
- Anyway to set the maxValue for x axis in the Horizontal Bar chart ?
- Unable to change font size, other styles
- How to style primaryCursor and SecondryCursor lines
- Update Copywrite year
- Multiple Axes
- Vue support?
- How to add 0 in bar chart? HOT 1
- Can't see text in tooltip with dark: true HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-charts.