d3plus-axis

Beautiful javascript scales and axes.

Installing

If you use NPM, npm install d3plus-axis. Otherwise, download the latest release. The released bundle supports AMD, CommonJS, and vanilla environments. Create a custom bundle using Rollup or your preferred bundler. You can also load directly from d3plus.org:

<script src="https://d3plus.org/js/d3plus-axis.v0.1.full.min.js"></script>

API Reference

Classes

Axis ⇐ BaseClass

AxisBottom ⇐ Axis

AxisLeft ⇐ Axis

AxisRight ⇐ Axis

AxisTop ⇐ Axis

Axis ⇐ BaseClass

Kind: global class
Extends: BaseClass

• Axis ⇐ BaseClass
  • new Axis()
  • .align([value])
  • .barConfig([value])
  • .domain([value])
  • .duration([value])
  • .grid([value])
  • .gridConfig([value])
  • .gridSize([value])
  • .height([value])
  • .orient([orient])
  • .outerBounds()
  • .padding([value])
  • .range([value])
  • .render([callback])
  • .scale([value])
  • .select([selector])
  • .tickConfig([value])
  • .tickLabels([value])
  • .ticks([value])
  • .tickSize([value])
  • .title([value])
  • .titleConfig([value])
  • .width([value])

new Axis()

Creates an SVG scale based on an array of data. If data is specified, immediately draws based on the specified array and returns the current class instance. If data is not specified on instantiation, it can be passed/updated after instantiation using the data method.

Axis.align([value])

If value is specified, sets the horizontal alignment to the specified value and returns the current class instance. If value is not specified, returns the current horizontal alignment.

Kind: static method of Axis

Axis.barConfig([value])

If value is specified, sets the axis line style and returns the current class instance. If value is not specified, returns the current axis line style.

Kind: static method of Axis

Axis.domain([value])

If value is specified, sets the scale domain of the axis and returns the current class instance. If value is not specified, returns the current scale domain.

Kind: static method of Axis

Axis.duration([value])

If value is specified, sets the transition duration of the axis and returns the current class instance. If value is not specified, returns the current duration.

Kind: static method of Axis

Axis.grid([value])

If value is specified, sets the grid values of the axis and returns the current class instance. If value is not specified, returns the current grid values, which by default are interpreted based on the domain and the available width.

Kind: static method of Axis

Axis.gridConfig([value])

If value is specified, sets the grid style of the axis and returns the current class instance. If value is not specified, returns the current grid style.

Kind: static method of Axis

Axis.gridSize([value])

If value is specified, sets the grid size of the axis and returns the current class instance. If value is not specified, returns the current grid size, which defaults to taking up as much space as available.

Kind: static method of Axis

Axis.height([value])

If value is specified, sets the overall height of the axis and returns the current class instance. If value is not specified, returns the current height value.

Kind: static method of Axis

Axis.orient([orient])

If orient is specified, sets the orientation of the shape and returns the current class instance. If orient is not specified, returns the current orientation.

Kind: static method of Axis

Axis.outerBounds()

If called after the elements have been drawn to DOM, will returns the outer bounds of the axis content.

Kind: static method of Axis
Example

{"width": 180, "height": 24, "x": 10, "y": 20}

Axis.padding([value])

If value is specified, sets the padding between each key to the specified number and returns the current class instance. If value is not specified, returns the current padding value.

Kind: static method of Axis

Axis.range([value])

If value is specified, sets the scale range (in pixels) of the axis and returns the current class instance. The given array must have 2 values, but one may be undefined to allow the default behavior for that value. If value is not specified, returns the current scale range.

Kind: static method of Axis

Axis.render([callback])

Renders the current Axis to the page. If a callback is specified, it will be called once the legend is done drawing.

Kind: static method of Axis

Axis.scale([value])

If value is specified, sets the scale of the axis and returns the current class instance. If value is not specified, returns the current this._d3Scale

Kind: static method of Axis

Axis.select([selector])

If selector is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If selector is not specified, returns the current SVG container element.

Kind: static method of Axis

Axis.tickConfig([value])

If value is specified, sets the tick style of the axis and returns the current class instance. If value is not specified, returns the current tick style.

Kind: static method of Axis

Axis.tickLabels([value])

If value is specified, sets the visible tick labels of the axis and returns the current class instance. If value is not specified, returns the current visible tick labels, which defaults to showing all labels.

Kind: static method of Axis

Axis.ticks([value])

If value is specified, sets the tick values of the axis and returns the current class instance. If value is not specified, returns the current tick values, which by default are interpreted based on the domain and the available width.

Kind: static method of Axis

Axis.tickSize([value])

If value is specified, sets the tick size of the axis and returns the current class instance. If value is not specified, returns the current tick size.

Kind: static method of Axis

Axis.title([value])

If value is specified, sets the title of the axis and returns the current class instance. If value is not specified, returns the current title.

Kind: static method of Axis

Axis.titleConfig([value])

If value is specified, sets the title configuration of the axis and returns the current class instance. If value is not specified, returns the current title configuration.

Kind: static method of Axis

Axis.width([value])

If value is specified, sets the overall width of the axis and returns the current class instance. If value is not specified, returns the current width value.

Kind: static method of Axis

AxisBottom ⇐ Axis

Kind: global class
Extends: Axis

new AxisBottom()

Shorthand method for creating an axis where the ticks are drawn below the horizontal domain path. Extends all functionality of the base Axis class.

AxisLeft ⇐ Axis

Kind: global class
Extends: Axis

new AxisLeft()

Shorthand method for creating an axis where the ticks are drawn to the left of the vertical domain path. Extends all functionality of the base Axis class.

AxisRight ⇐ Axis

Kind: global class
Extends: Axis

new AxisRight()

Shorthand method for creating an axis where the ticks are drawn to the right of the vertical domain path. Extends all functionality of the base Axis class.

AxisTop ⇐ Axis

Kind: global class
Extends: Axis

new AxisTop()

Shorthand method for creating an axis where the ticks are drawn above the vertical domain path. Extends all functionality of the base Axis class.

_{Documentation generated on Thu, 18 Aug 2016 18:28:15 GMT}