Axis

Axis

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

AxisTicks

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 - Orientation of the ticks
  • React.PropTypes.oneOf(['top','bottom','left','right']).isRequired
• orient2nd - Orientation of the ticks of the other axis. This is required thereby on the position of the second axis no grid line is plotted.
  • React.PropTypes.oneOf(['top','bottom','left','right'])
• height - Hight of the drawing area of the chart which becomes the lenght of vertical grid lines.
  • React.PropTypes.number.isRequired
  • Calculated automatically in XYChart.jsx
• width - Width of the drawing area of the chart which becomes the lenght of horizontal grid lines.
  • React.PropTypes.number.isRequired
  • Calculated automatically in XYChart.jsx
• 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