react-d3-axis
react-d3-axis copied to clipboard
Move x axis to the bottom
Probably this will sound as a really dumb question, but how do I move the x axis to the bottom of a chart?
I tried to use style={{ orient: BOTTOM }}
, but that affects only the ticks, not the <g>
element of the axis.
<Axis {...axisPropsFromBandedScale(widthScale)} style={{ orient: BOTTOM }} />
Are there any props I can pass to translate the <g>
element?
By the way, cool library, I was looking for a way to avoid using refs
for d3 axes.