Gridlines not rendering
See original GitHub issueI don’t know what I’m missing here, but for some reason the gridlines don’t seem to render with a XY Plot component. Not sure if I need to place the components in a certain order, or specify certain properties for the gridlines.
Here’s a preview of what the graph looks like
and the ordering of my components.
class Graph extends Component {
render() {
return (
<div className="graph">
<XYPlot
width={1100}
height={300}>
<HorizontalGridLines />
<VerticalBarSeries
data={impressions}
/>
<VerticalGridLines />
<XAxis tickTotal={10} tickSize={3} />
<YAxis />
</XYPlot>
</div>
);
}
}
Issue Analytics
- State:
- Created 6 years ago
- Comments:6
Top Results From Across the Web
Grid Lines Not Showing in Excel - Small Business - Chron.com
1. Click and drag the mouse to select the cells that aren't displaying gridlines. · 2. Click the “Border” tab. · 3. Select...
Read more >Not Showing Gridlines - Microsoft Community Hub
When using a spreadsheet and have set it to NOT display any gridlines, when locking the top row, there is a horizontal line...
Read more >Plot GridLines not displaying - Mathematica Stack Exchange
GridLines not rendering. Tried changing Background to White and GridLines to Black to see if they render at all but they do not....
Read more >Grid View fails to render grid lines at various zoom levels.
I am experiencing a persistent problem with Gridlines not rendering correctly at larger zoom levels (for several weeks now).
Read more >Why Is My Grid Not Showing Up in Photoshop?
Photoshop only displays gridlines every few pixels by default, so if your document is very large or has a high resolution, the gridlines...
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
I know this issue is closed but to avoid other people wasting time (I’ve been trough the same problem!): Do not forget to add the stylesheet to your app. There are instructions in the Readme.
for anyone else coming here, like me, i found info on importing the styles here: https://github.com/uber/react-vis/blob/master/docs/getting-started/getting-started.md
i decided to import the styles into my component since it’s only needed in one place:
or just: