Comments (8)
@YeomanCai , thank you for your report.
I have a strong assumption that you don't have the CSS file included. We highly suggest to do that, otherwise you'll get a lot of issues (including those which I see right now). Could you double check that you have ./node_modules/react-vis/main.css
in head or imported into your SASS file?
Please provide the source code if you'll get this issue again.
from react-vis.
@bulyonov , thank you for your help.
I checked what you said, I really missed the style file import. Now LineSeries has worked well. But the VerticalBarSeries still can not display the data inside.
from react-vis.
@YeomanCai , we need the source code as well as the screenshot. Could you attach your sourced and your data examples here?
from react-vis.
@bulyonov , It comes from https://github.com/uber/react-vis/blob/master/src/example/plot/bar-chart.js.
<XYPlot width={300} height={300}> <VerticalGridLines /> <HorizontalGridLines /> <XAxis /> <YAxis /> <VerticalBarSeries data={[ {x: 1, y: 10}, {x: 2, y: 5}, {x: 3, y: 15} ]}/> <VerticalBarSeries data={[ {x: 1, y: 12}, {x: 2, y: 2}, {x: 3, y: 11} ]}/> </XYPlot>
from react-vis.
@bulyonov , excuse me, I have another question, has React-vis implemented the donut chart?
from react-vis.
I think that will get more stars if rename React-vis to something like ReactD3xxx or add some descriptions about react chart.
from react-vis.
@bulyonov I send my example code as much as possible to you as following, please help to solve this problem, thank you!
from react-vis.
The issue caused from my other codes influencing, so now I close the issue.
from react-vis.
Related Issues (20)
- Arc series graph moving around HOT 1
- FlexibleXYPlot Warning: componentWillReceiveProps has been renamed, and is not recommended for use
- npm ERR! peer react@"15.3.0 - 16.x" from [email protected] with NPM 7 or above install HOT 10
- X-Axis shows rgb values instead of actual label
- Stroke color in CSS
- Is this project abandoned? HOT 3
- Some heat map box does not show tooltip on react-vis.
- How to make this library work with non ES6 app?
- Position labels in radial charts HOT 3
- Option to replace react-motion with other animcation libraries
- Warning: componentWillReceiveProps has been renamed, and is not recommended for use. HOT 1
- Unable to show separate tooltips for area series and custom svg series
- Security Vulnerability in d3-color HOT 1
- Proposal: Archive this repository HOT 9
- Unable To Resolve Module In 1.11.11 HOT 9
- Cannot read properties of null (reading 'offsetHeight')
- Easy way to reduce transitive dependencies
- HeatmapSeries is breaking after upgrading to version 1.12.1 HOT 3
- How to apply stroke only on the top of AreaSeries
- React 18 support HOT 3
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-vis.