@types/d3-axis

method offset

offset: { (): number; (offset: number): this };

• Returns the current offset which defaults to 0 on devices with a devicePixelRatio greater than 1, and 0.5px otherwise. This default offset ensures crisp edges on low-resolution devices.

• Sets the offset to the specified value in pixels and returns the axis. Defaults to 0 on devices with a devicePixelRatio greater than 1, and 0.5px otherwise. This default offset ensures crisp edges on low-resolution devices.

method scale

scale: { <A extends AxisScale<Domain>>(): A; (scale: AxisScale<Domain>): this };

• Gets the current scale underlying the axis.

• Sets the scale and returns the axis.

  Parameter scale

  The scale to be used for axis generation.

method tickArguments

tickArguments: { (): any[]; (args: any[]): this };

• Get an array containing the currently set arguments to be passed into scale.ticks and scale.tickFormat, which defaults to the empty array.

• Sets the arguments that will be passed to scale.ticks and scale.tickFormat when the axis is rendered, and returns the axis generator.

  This method has no effect if the scale does not implement scale.ticks, as with band and point scales. To set the tick values explicitly, use axis.tickValues. To set the tick format explicitly, use axis.tickFormat.

  See also axis.ticks.

  Parameter args

  The meaning of the arguments depends on the axis’ scale type: most commonly, the arguments are a suggested count for the number of ticks (or a time interval for time scales), and an optional format specifier to customize how the tick values are formatted.

method tickFormat

tickFormat: {
    (): (domainValue: Domain, index: number) => string;
    (format: (domainValue: Domain, index: number) => string): this;
    (format: null): this;
};

• Returns the currently set tick format function, which defaults to null.

• Sets the tick format function and returns the axis.

  Parameter format

  A function mapping a value from the axis Domain to a formatted string for display purposes. When invoked, the format function is also passed a second argument representing the zero-based index of the tick label in the array of generated tick labels.

• Reset the tick format function. A null format indicates that the scale’s default formatter should be used, which is generated by calling scale.tickFormat. In this case, the arguments specified by axis.tickArguments are likewise passed to scale.tickFormat.

  Parameter format

  null

method tickPadding

tickPadding: { (): number; (padding: number): this };

• Get the current padding, which defaults to 3.

• Set the current padding and return the axis.

  Parameter padding

  Padding in pixels (Default is 3).

method ticks

ticks: {
    (count: number, specifier?: string): this;
    (interval: AxisTimeInterval, specifier?: string): this;
    (arg0: any, ...args: any[]): this;
};

• Sets the arguments that will be passed to scale.ticks and scale.tickFormat when the axis is rendered, and returns the axis generator.

  This method has no effect if the scale does not implement scale.ticks, as with band and point scales.

  This method is also a convenience function for axis.tickArguments.

  Parameter count

  Number of ticks that should be rendered.

  Parameter specifier

  An optional format specifier to customize how the tick values are formatted.

• Sets the arguments that will be passed to scale.ticks and scale.tickFormat when the axis is rendered, and returns the axis generator. Use with a TIME SCALE ONLY.

  This method is also a convenience function for axis.tickArguments.

  Parameter interval

  A time interval used to generate date-based ticks. This is typically a TimeInterval/CountableTimeInterval as defined in d3-time. E.g. as obtained by passing in d3.timeMinute.every(15).

  Parameter specifier

  An optional format specifier to customize how the tick values are formatted.

• Sets the arguments that will be passed to scale.ticks and scale.tickFormat when the axis is rendered, and returns the axis generator.

  The meaning of the arguments depends on the axis’ scale type: most commonly, the arguments are a suggested count for the number of ticks (or a time interval for time scales), and an optional format specifier to customize how the tick values are formatted.

  This method has no effect if the scale does not implement scale.ticks, as with band and point scales.

  To set the tick values explicitly, use axis.tickValues. To set the tick format explicitly, use axis.tickFormat.

  This method is also a convenience function for axis.tickArguments.

method tickSize

tickSize: { (): number; (size: number): this };

• Get the current inner tick size, which defaults to 6.

• Set the inner and outer tick size to the specified value and return the axis.

  Parameter size

  Tick size in pixels (Default is 6).

method tickSizeInner

tickSizeInner: { (): number; (size: number): this };

• Get the current inner tick size, which defaults to 6. The inner tick size controls the length of the tick lines, offset from the native position of the axis.

• Set the inner tick size to the specified value and return the axis. The inner tick size controls the length of the tick lines, offset from the native position of the axis.

  Parameter size

  Tick size in pixels (Default is 6).

method tickSizeOuter

tickSizeOuter: { (): number; (size: number): this };

• Get the current outer tick size, which defaults to 6. The outer tick size controls the length of the square ends of the domain path, offset from the native position of the axis. Thus, the “outer ticks” are not actually ticks but part of the domain path, and their position is determined by the associated scale’s domain extent. Thus, outer ticks may overlap with the first or last inner tick. An outer tick size of 0 suppresses the square ends of the domain path, instead producing a straight line.

• Set the current outer tick size and return the axis. The outer tick size controls the length of the square ends of the domain path, offset from the native position of the axis. Thus, the “outer ticks” are not actually ticks but part of the domain path, and their position is determined by the associated scale’s domain extent. Thus, outer ticks may overlap with the first or last inner tick. An outer tick size of 0 suppresses the square ends of the domain path, instead producing a straight line.

  Parameter size

  Tick size in pixels (Default is 6).

method tickValues

tickValues: {
    (): Domain[] | null;
    (values: Iterable<Domain>): this;
    (values: null): this;
};

• Returns the current tick values, which defaults to null.

• Specified values to be used for ticks rather than using the scale’s automatic tick generator. The explicit tick values take precedent over the tick arguments set by axis.tickArguments. However, any tick arguments will still be passed to the scale’s tickFormat function if a tick format is not also set.

  Parameter values

  An iterable with values from the Domain of the scale underlying the axis.

• Clears any previously-set explicit tick values and reverts back to the scale’s tick generator.

  Parameter values

  null

call signature

(
    context:
        | Selection<SVGSVGElement, any, any, any>
        | Selection<SVGGElement, any, any, any>
        | TransitionLike<SVGSVGElement, any>
        | TransitionLike<SVGGElement, any>
): void;

• Render the axis to the given context.

  Parameter context

  A selection of or a transition defined on SVG containers (either SVG or G elements).

method bandwidth

bandwidth: () => number;

method copy

copy: () => this;

method domain

domain: () => Domain[];

method range

range: () => number[];

call signature

(x: Domain): number | undefined;

method range

range: (start: Date, stop: Date, step?: number) => Date[];