Variable AxisScrollStrategiesConst

AxisScrollStrategies: {
    expansion: AxisScrollStrategy;
    fitting: AxisScrollStrategy;
    fittingEnd: AxisScrollStrategy;
    fittingStart: AxisScrollStrategy;
    fittingStepped: {
        allowIntervalLengthChange: boolean;
        end: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
        start: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
    };
    nextPowerOf10: {
        allowIntervalLengthChange: boolean;
        end: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
        start: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
    };
    progressive: AxisScrollStrategy;
    regressive: AxisScrollStrategy;
} = ...

Collection of available AxisScrollStrategies.

AxisScrollStrategies can be used to customize the behavior of Axis scrolling.

Use with setScrollStrategy

Type declaration

  • expansion: AxisScrollStrategy

    Axis will scroll to fit Series that are out of view, but it won't shrink even if there is empty space (like "fitting" does).

  • fitting: AxisScrollStrategy

    Axis will constantly scroll to fit attached Series.

  • Beta fittingEnd: AxisScrollStrategy

    Axis will scroll to fit data, but only on axis end side.

    Introduced in v7.0. Feature might change according to user feedback.
  • Beta fittingStart: AxisScrollStrategy

    Axis will scroll to fit data, but only on axis start side.

    Introduced in v7.0. Feature might change according to user feedback.
  • Beta fittingStepped: {
        allowIntervalLengthChange: boolean;
        end: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
        start: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
    }

    Same as fitting but operates in larger steps. So instead of always moving to show exact data range, all steps are done by either halving or doubling the active axis range.

    Useful when you want to reduce the amount of visual disruption to users, but don't know the exact ranges of data.

    Introduced in v7.0. Feature might change according to user feedback.
    • allowIntervalLengthChange: boolean
    • end: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number)
        • (scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number): number

        • Parameters

          • scaleStart: number
          • scaleEnd: number
          • contentMin: number
          • contentMax: number

          Returns number

    • start: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number)
        • (scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number): number

        • Parameters

          • scaleStart: number
          • scaleEnd: number
          • contentMin: number
          • contentMax: number

          Returns number

  • Beta nextPowerOf10: {
        allowIntervalLengthChange: boolean;
        end: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
        start: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number);
    }

    Same as fitting but sets axis end side to next power of 10 from attached data.

    Introduced in v7.0. Feature might change according to user feedback.
    • allowIntervalLengthChange: boolean
    • end: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number)
        • (scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number): number

        • Parameters

          • scaleStart: number
          • scaleEnd: number
          • contentMin: number
          • contentMax: number

          Returns number

    • start: ((scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number) => number)
        • (scaleStart: number, scaleEnd: number, contentMin: number, contentMax: number): number

        • Parameters

          • scaleStart: number
          • scaleEnd: number
          • contentMin: number
          • contentMax: number

          Returns number

  • progressive: AxisScrollStrategy

    Axis will scroll to show new, progressive data, but will keep its interval constant - leaving older data out of view.

  • regressive: AxisScrollStrategy

    Axis will scroll to show new, regressive data, but will keep its interval constant - leaving older data out of view.

Settings

Member Visibility

Theme