This repository has been archived by the owner on May 18, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 179
Axis
Chris Fä edited this page Aug 24, 2015
·
21 revisions
The components XAxis
and YAxis
are made of the components
-
AxisLine
: Line along the axis with small stroke at the end and begin -
AxisTicks
: Ticks and grid lines -
Label
: Text label of the axis
The component AxisTicks
is used to display ticks and grid lines. Grid lines go from the same position as the ticks are drawn on the axis line and go to the other end of the chart. Grid lines can be used for all charts using the component AxisTicks
(which are AreaChart
, BarChart
, CandlestickChart
, LineChart
and ScatterChart
). Available properties of AxisTicks
:
-
scale - https://github.com/mbostock/d3/wiki/Scales
React.PropTypes.func.isRequired
-
orient -
React.PropTypes.oneOf(['top','bottom','left','right']).isRequired
-
orient2nd
React.PropTypes.oneOf(['top','bottom','left','right'])
-
height
React.PropTypes.number.isRequired
-
width
React.PropTypes.number.isRequired
-
tickArguments
React.PropTypes.array
-
tickValues
React.PropTypes.array
-
innerTickSize
React.PropTypes.number
-
outerTickSize
React.PropTypes.number
-
tickPadding
React.PropTypes.number
-
tickFormat
React.PropTypes.func
-
tickStroke
React.PropTypes.string
-
gridHorizontal
React.PropTypes.bool
-
gridVertical
React.PropTypes.bool
-
gridHorizontalStroke
React.PropTypes.string
-
gridVerticalStroke
React.PropTypes.string
-
gridHorizontalStrokeWidth
React.PropTypes.number
-
gridVerticalStrokeWidth
React.PropTypes.number
-
gridHorizontalStrokeDash
React.PropTypes.string
-
gridVerticalStrokeDash
React.PropTypes.string
- Issues: react-d3 issues on Github
- Support: react-d3 Google Groups email list