@tradingaction/axes 2.0.13

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+https://github.com/reactivemarkets/react-financial-charts
+
+Copyright (c) 2015-2018 Ragu Ramaswamy
+Copyright (c) 2016 Julien Renaux
+Copyright (c) 2019 Reactive Markets
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Axes
+
+```bash
+npm i @tradingaction/axes
+```

package/lib/Axis.d.ts

@@ -0,0 +1,59 @@
+import { strokeDashTypes } from "@tradingaction/core";
+import { ScaleContinuousNumeric } from "d3-scale";
+import * as React from "react";
+interface AxisProps {
+    readonly axisZoomCallback?: (domain: number[]) => void;
+    readonly bg: {
+        h: number;
+        x: number;
+        w: number;
+        y: number;
+    };
+    readonly className?: string;
+    readonly domainClassName?: string;
+    readonly edgeClip: boolean;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly getMouseDelta: (startXY: [number, number], mouseXY: [number, number]) => number;
+    readonly getScale: (moreProps: any) => ScaleContinuousNumeric<number, number>;
+    readonly innerTickSize?: number;
+    readonly inverted?: boolean;
+    readonly onContextMenu?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
+    readonly orient?: "top" | "left" | "right" | "bottom";
+    readonly outerTickSize: number;
+    readonly range: number[];
+    readonly showDomain?: boolean;
+    readonly showGridLines?: boolean;
+    readonly showTicks?: boolean;
+    readonly showTickLabel?: boolean;
+    readonly strokeStyle: string;
+    readonly strokeWidth: number;
+    readonly tickFormat?: (data: any) => string;
+    readonly tickPadding?: number;
+    readonly tickSize?: number;
+    readonly ticks?: number;
+    readonly tickLabelFill?: string;
+    readonly tickStrokeStyle?: string;
+    readonly tickStrokeWidth?: number;
+    readonly tickStrokeDasharray?: strokeDashTypes;
+    readonly tickValues?: number[] | ((domain: number[]) => number[]);
+    readonly tickInterval?: number;
+    readonly tickIntervalFunction?: (min: number, max: number, tickInterval: number) => number[];
+    readonly transform: number[];
+    readonly zoomEnabled?: boolean;
+    readonly zoomCursorClassName?: string;
+}
+export declare class Axis extends React.Component<AxisProps> {
+    static defaultProps: {
+        edgeClip: boolean;
+        zoomEnabled: boolean;
+        zoomCursorClassName: string;
+    };
+    private readonly chartRef;
+    render(): JSX.Element;
+    private readonly getMoreProps;
+    private readonly drawOnCanvas;
+}
+export {};

package/lib/Axis.js

@@ -0,0 +1,244 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { first, GenericChartComponent, getAxisCanvas, getStrokeDasharrayCanvas, last, } from "@tradingaction/core";
+import { range as d3Range, zip } from "d3-array";
+import { forceCollide, forceSimulation, forceX } from "d3-force";
+import * as React from "react";
+import { AxisZoomCapture } from "./AxisZoomCapture";
+export class Axis extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.chartRef = React.createRef();
+        this.getMoreProps = () => {
+            return this.chartRef.current.getMoreProps();
+        };
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { showDomain, showGridLines, showTickLabel, showTicks, transform, range, getScale, tickLabelFill } = this.props;
+            ctx.save();
+            ctx.translate(transform[0], transform[1]);
+            const scale = getScale(moreProps);
+            const tickProps = tickHelper(this.props, scale);
+            if (showTicks) {
+                drawTicks(ctx, tickProps);
+            }
+            if (showGridLines) {
+                tickProps.ticks.forEach((tick) => {
+                    drawGridLine(ctx, tick, tickProps, moreProps);
+                });
+            }
+            if (showTickLabel) {
+                const { fontFamily, fontSize, fontWeight, textAnchor } = tickProps;
+                ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
+                if (tickLabelFill !== undefined) {
+                    ctx.fillStyle = tickLabelFill;
+                }
+                ctx.textAlign = textAnchor === "middle" ? "center" : textAnchor;
+                tickProps.ticks.forEach((tick) => {
+                    drawEachTickLabel(ctx, tick, tickProps);
+                });
+            }
+            if (showDomain) {
+                drawAxisLine(ctx, this.props, range);
+            }
+            ctx.restore();
+        };
+    }
+    render() {
+        const { bg, axisZoomCallback, className, zoomCursorClassName, zoomEnabled, getScale, inverted, transform, getMouseDelta, edgeClip, onContextMenu, onDoubleClick, } = this.props;
+        const zoomCapture = zoomEnabled ? (React.createElement(AxisZoomCapture, { bg: bg, getScale: getScale, getMoreProps: this.getMoreProps, getMouseDelta: getMouseDelta, axisZoomCallback: axisZoomCallback, className: className, zoomCursorClassName: zoomCursorClassName, inverted: inverted, onContextMenu: onContextMenu, onDoubleClick: onDoubleClick })) : null;
+        return (React.createElement("g", { transform: `translate(${transform[0]}, ${transform[1]})` },
+            zoomCapture,
+            React.createElement(GenericChartComponent, { ref: this.chartRef, canvasToDraw: getAxisCanvas, clip: false, edgeClip: edgeClip, canvasDraw: this.drawOnCanvas, drawOn: ["pan"] })));
+    }
+}
+Axis.defaultProps = {
+    edgeClip: false,
+    zoomEnabled: false,
+    zoomCursorClassName: "",
+};
+const tickHelper = (props, scale) => {
+    const { orient, innerTickSize = 4, tickFormat, tickPadding = 4, tickLabelFill, tickStrokeWidth, tickStrokeDasharray, fontSize = 12, fontFamily, fontWeight, showTicks, showTickLabel, ticks: tickArguments, tickValues: tickValuesProp, tickStrokeStyle, tickInterval, tickIntervalFunction } = props, rest = __rest(props, ["orient", "innerTickSize", "tickFormat", "tickPadding", "tickLabelFill", "tickStrokeWidth", "tickStrokeDasharray", "fontSize", "fontFamily", "fontWeight", "showTicks", "showTickLabel", "ticks", "tickValues", "tickStrokeStyle", "tickInterval", "tickIntervalFunction"]);
+    let tickValues;
+    if (tickValuesProp !== undefined) {
+        if (typeof tickValuesProp === "function") {
+            tickValues = tickValuesProp(scale.domain());
+        }
+        else {
+            tickValues = tickValuesProp;
+        }
+    }
+    else if (tickInterval !== undefined) {
+        const [min, max] = scale.domain();
+        const baseTickValues = d3Range(min, max, (max - min) / tickInterval);
+        tickValues = tickIntervalFunction ? tickIntervalFunction(min, max, tickInterval) : baseTickValues;
+    }
+    else if (scale.ticks !== undefined) {
+        tickValues = scale.ticks(tickArguments);
+    }
+    else {
+        tickValues = scale.domain();
+    }
+    const format = tickFormat === undefined ? scale.tickFormat(tickArguments) : (d) => tickFormat(d) || "";
+    const sign = orient === "top" || orient === "left" ? -1 : 1;
+    const tickSpacing = Math.max(innerTickSize, 0) + tickPadding;
+    let ticks;
+    let dy;
+    // tslint:disable-next-line: variable-name
+    let canvas_dy;
+    let textAnchor;
+    if (orient === "bottom" || orient === "top") {
+        dy = sign < 0 ? "0em" : ".71em";
+        canvas_dy = sign < 0 ? 0 : fontSize * 0.71;
+        textAnchor = "middle";
+        const y2 = sign * innerTickSize;
+        const labelY = sign * tickSpacing;
+        ticks = tickValues.map((d) => {
+            const x = Math.round(scale(d));
+            return {
+                value: d,
+                x1: x,
+                y1: 0,
+                x2: x,
+                y2,
+                labelX: x,
+                labelY,
+            };
+        });
+        if (showTicks) {
+            const nodes = ticks.map((d) => ({ id: d.value, value: d.value, fy: d.y2, origX: d.x1 }));
+            const simulation = forceSimulation(nodes)
+                .force("x", forceX((d) => d.origX).strength(1))
+                .force("collide", forceCollide(22))
+                .stop();
+            for (let i = 0; i < 100; ++i) {
+                simulation.tick();
+            }
+            // @ts-ignore
+            ticks = zip(ticks, nodes).map((d) => {
+                const a = d[0];
+                const b = d[1];
+                if (Math.abs(b.x - b.origX) > 0.01) {
+                    return Object.assign(Object.assign({}, a), { x2: b.x, labelX: b.x });
+                }
+                return a;
+            });
+        }
+    }
+    else {
+        ticks = tickValues.map((d) => {
+            const y = Math.round(scale(d));
+            const x2 = sign * innerTickSize;
+            const labelX = sign * tickSpacing;
+            return {
+                value: d,
+                x1: 0,
+                y1: y,
+                x2,
+                y2: y,
+                labelX,
+                labelY: y,
+            };
+        });
+        dy = ".32em";
+        canvas_dy = fontSize * 0.32;
+        textAnchor = sign < 0 ? "end" : "start";
+    }
+    return Object.assign({ orient,
+        ticks,
+        scale,
+        tickStrokeStyle, tickLabelFill: tickLabelFill || tickStrokeStyle, tickStrokeWidth,
+        tickStrokeDasharray,
+        dy,
+        canvas_dy,
+        textAnchor,
+        fontSize,
+        fontFamily,
+        fontWeight,
+        format,
+        showTickLabel }, rest);
+};
+const drawAxisLine = (ctx, props, range) => {
+    const { orient, outerTickSize, strokeStyle, strokeWidth } = props;
+    const sign = orient === "top" || orient === "left" ? -1 : 1;
+    const xAxis = orient === "bottom" || orient === "top";
+    ctx.lineWidth = strokeWidth;
+    ctx.strokeStyle = strokeStyle;
+    ctx.beginPath();
+    const firstPoint = first(range);
+    const lastPoint = last(range);
+    const tickSize = sign * outerTickSize;
+    if (xAxis) {
+        ctx.moveTo(firstPoint, tickSize);
+        ctx.lineTo(firstPoint, 0);
+        ctx.lineTo(lastPoint, 0);
+        ctx.lineTo(lastPoint, tickSize);
+    }
+    else {
+        ctx.moveTo(tickSize, firstPoint);
+        ctx.lineTo(0, firstPoint);
+        ctx.lineTo(0, lastPoint);
+        ctx.lineTo(tickSize, lastPoint);
+    }
+    ctx.stroke();
+};
+const drawTicks = (ctx, result) => {
+    const { ticks, tickStrokeStyle } = result;
+    if (tickStrokeStyle !== undefined) {
+        ctx.strokeStyle = tickStrokeStyle;
+        ctx.fillStyle = tickStrokeStyle;
+    }
+    ticks.forEach((tick) => {
+        drawEachTick(ctx, tick, result);
+    });
+};
+const drawGridLine = (ctx, tick, result, moreProps) => {
+    const { orient, gridLinesStrokeWidth, gridLinesStrokeStyle, gridLinesStrokeDasharray } = result;
+    const { chartConfig } = moreProps;
+    const { height, width } = chartConfig;
+    if (gridLinesStrokeStyle !== undefined) {
+        ctx.strokeStyle = gridLinesStrokeStyle;
+    }
+    ctx.beginPath();
+    const sign = orient === "top" || orient === "left" ? 1 : -1;
+    switch (orient) {
+        case "top":
+        case "bottom":
+            ctx.moveTo(tick.x1, 0);
+            ctx.lineTo(tick.x2, sign * height);
+            break;
+        default:
+            ctx.moveTo(0, tick.y1);
+            ctx.lineTo(sign * width, tick.y2);
+            break;
+    }
+    ctx.lineWidth = gridLinesStrokeWidth;
+    const lineDash = getStrokeDasharrayCanvas(gridLinesStrokeDasharray);
+    ctx.setLineDash(lineDash);
+    ctx.stroke();
+};
+const drawEachTick = (ctx, tick, result) => {
+    const { tickStrokeWidth, tickStrokeDasharray } = result;
+    ctx.beginPath();
+    ctx.moveTo(tick.x1, tick.y1);
+    ctx.lineTo(tick.x2, tick.y2);
+    ctx.lineWidth = tickStrokeWidth;
+    const lineDash = getStrokeDasharrayCanvas(tickStrokeDasharray);
+    ctx.setLineDash(lineDash);
+    ctx.stroke();
+};
+const drawEachTickLabel = (ctx, tick, result) => {
+    const { canvas_dy, format } = result;
+    const text = format(tick.value);
+    ctx.beginPath();
+    ctx.fillText(text, tick.labelX, tick.labelY + canvas_dy);
+};
+//# sourceMappingURL=Axis.js.map

package/lib/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sourceRoot":"","sources":["../src/Axis.tsx"],"names":[],"mappings":"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"}

package/lib/AxisZoomCapture.d.ts

@@ -0,0 +1,47 @@
+import { ScaleContinuousNumeric } from "d3-scale";
+import * as React from "react";
+export interface AxisZoomCaptureProps {
+    readonly axisZoomCallback?: (domain: number[]) => void;
+    readonly bg: {
+        h: number;
+        x: number;
+        w: number;
+        y: number;
+    };
+    readonly className?: string;
+    readonly getMoreProps: () => any;
+    readonly getScale: (moreProps: any) => ScaleContinuousNumeric<number, number>;
+    readonly getMouseDelta: (startXY: [number, number], mouseXY: [number, number]) => number;
+    readonly innerTickSize?: number;
+    readonly inverted?: boolean;
+    readonly onDoubleClick?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
+    readonly onContextMenu?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
+    readonly outerTickSize?: number;
+    readonly showDomain?: boolean;
+    readonly showTicks?: boolean;
+    readonly tickFormat?: (datum: number) => string;
+    readonly tickPadding?: number;
+    readonly tickSize?: number;
+    readonly ticks?: number;
+    readonly tickValues?: number[];
+    readonly zoomCursorClassName?: string;
+}
+interface AxisZoomCaptureState {
+    startPosition: {
+        startScale: ScaleContinuousNumeric<number, number>;
+        startXY: [number, number];
+    } | null;
+}
+export declare class AxisZoomCapture extends React.Component<AxisZoomCaptureProps, AxisZoomCaptureState> {
+    private readonly ref;
+    private clicked;
+    private dragHappened;
+    constructor(props: AxisZoomCaptureProps);
+    render(): JSX.Element;
+    private readonly handleDragEnd;
+    private readonly handleDrag;
+    private readonly handleDragStartTouch;
+    private readonly handleDragStartMouse;
+    private readonly handleRightClick;
+}
+export {};

package/lib/AxisZoomCapture.js

@@ -0,0 +1,135 @@
+import { d3Window, first, getTouchProps, last, MOUSEMOVE, mousePosition, MOUSEUP, sign, TOUCHEND, TOUCHMOVE, touchPosition, } from "@tradingaction/core";
+import { mean } from "d3-array";
+import { select, pointer } from "d3-selection";
+import * as React from "react";
+export class AxisZoomCapture extends React.Component {
+    constructor(props) {
+        super(props);
+        this.ref = React.createRef();
+        this.clicked = false;
+        this.dragHappened = false;
+        this.handleDragEnd = (e) => {
+            const container = this.ref.current;
+            if (container === null) {
+                return;
+            }
+            if (!this.dragHappened) {
+                if (this.clicked) {
+                    const mouseXY = pointer(e, container);
+                    const { onDoubleClick } = this.props;
+                    if (onDoubleClick !== undefined) {
+                        onDoubleClick(e, mouseXY);
+                    }
+                }
+                else {
+                    this.clicked = true;
+                    setTimeout(() => {
+                        this.clicked = false;
+                    }, 300);
+                }
+            }
+            select(d3Window(container)).on(MOUSEMOVE, null).on(MOUSEUP, null).on(TOUCHMOVE, null).on(TOUCHEND, null);
+            this.setState({
+                startPosition: null,
+            });
+        };
+        this.handleDrag = (e) => {
+            const container = this.ref.current;
+            if (container === null) {
+                return;
+            }
+            this.dragHappened = true;
+            const { getMouseDelta, inverted = true } = this.props;
+            const { startPosition } = this.state;
+            if (startPosition !== null) {
+                const { startScale } = startPosition;
+                const { startXY } = startPosition;
+                const mouseXY = pointer(e, container);
+                const diff = getMouseDelta(startXY, mouseXY);
+                const center = mean(startScale.range());
+                if (center === undefined) {
+                    return;
+                }
+                const tempRange = startScale
+                    .range()
+                    .map((d) => (inverted ? d - sign(d - center) * diff : d + sign(d - center) * diff));
+                const newDomain = tempRange.map(startScale.invert);
+                if (sign(last(startScale.range()) - first(startScale.range())) === sign(last(tempRange) - first(tempRange))) {
+                    const { axisZoomCallback } = this.props;
+                    if (axisZoomCallback !== undefined) {
+                        axisZoomCallback(newDomain);
+                    }
+                }
+            }
+        };
+        this.handleDragStartTouch = (event) => {
+            const container = this.ref.current;
+            if (container === null) {
+                return;
+            }
+            this.dragHappened = false;
+            const { getScale, getMoreProps } = this.props;
+            const allProps = getMoreProps();
+            const startScale = getScale(allProps);
+            if (event.touches.length === 1 && startScale.invert !== undefined) {
+                select(d3Window(container)).on(TOUCHMOVE, this.handleDrag).on(TOUCHEND, this.handleDragEnd);
+                const startXY = touchPosition(getTouchProps(event.touches[0]), event);
+                this.setState({
+                    startPosition: {
+                        startScale,
+                        startXY,
+                    },
+                });
+            }
+        };
+        this.handleDragStartMouse = (event) => {
+            event.preventDefault();
+            const container = this.ref.current;
+            if (container === null) {
+                return;
+            }
+            this.dragHappened = false;
+            const { getScale, getMoreProps } = this.props;
+            const allProps = getMoreProps();
+            const startScale = getScale(allProps);
+            if (startScale.invert !== undefined) {
+                select(d3Window(container)).on(MOUSEMOVE, this.handleDrag, false).on(MOUSEUP, this.handleDragEnd, false);
+                const startXY = mousePosition(event);
+                this.setState({
+                    startPosition: {
+                        startXY,
+                        startScale,
+                    },
+                });
+            }
+        };
+        this.handleRightClick = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            const container = this.ref.current;
+            if (container === null) {
+                return;
+            }
+            const { onContextMenu } = this.props;
+            if (onContextMenu === undefined) {
+                return;
+            }
+            const defaultRect = container.getBoundingClientRect();
+            const mouseXY = mousePosition(event, defaultRect);
+            select(d3Window(container)).on(MOUSEMOVE, null).on(MOUSEUP, null);
+            this.setState({
+                startPosition: null,
+            });
+            onContextMenu(event, mouseXY);
+        };
+        this.state = {
+            startPosition: null,
+        };
+    }
+    render() {
+        const { bg, className, zoomCursorClassName } = this.props;
+        const cursor = this.state.startPosition !== null ? zoomCursorClassName : "react-financial-charts-default-cursor";
+        return (React.createElement("rect", { className: `react-financial-charts-enable-interaction ${cursor} ${className}`, ref: this.ref, x: bg.x, y: bg.y, opacity: 0, height: bg.h, width: bg.w, onContextMenu: this.handleRightClick, onMouseDown: this.handleDragStartMouse, onTouchStart: this.handleDragStartTouch }));
+    }
+}
+//# sourceMappingURL=AxisZoomCapture.js.map

package/lib/AxisZoomCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisZoomCapture.js","sourceRoot":"","sources":["../src/AxisZoomCapture.tsx"],"names":[],"mappings":"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"}

package/lib/XAxis.d.ts

@@ -0,0 +1,71 @@
+import { strokeDashTypes } from "@tradingaction/core";
+import * as React from "react";
+export interface XAxisProps<T extends number | Date> {
+    readonly axisAt?: number | "top" | "bottom" | "middle";
+    readonly className?: string;
+    readonly domainClassName?: string;
+    readonly fontFamily?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: number;
+    readonly getMouseDelta?: (startXY: [number, number], mouseXY: [number, number]) => number;
+    readonly gridLinesStrokeStyle?: string;
+    readonly gridLinesStrokeWidth?: number;
+    readonly gridLinesStrokeDasharray?: strokeDashTypes;
+    readonly innerTickSize?: number;
+    readonly onContextMenu?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
+    readonly onDoubleClick?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
+    readonly orient?: "top" | "bottom";
+    readonly outerTickSize?: number;
+    readonly showDomain?: boolean;
+    readonly showGridLines?: boolean;
+    readonly showTicks?: boolean;
+    readonly showTickLabel?: boolean;
+    readonly strokeStyle?: string;
+    readonly strokeWidth?: number;
+    readonly tickFormat?: (value: T) => string;
+    readonly tickPadding?: number;
+    readonly tickSize?: number;
+    readonly tickLabelFill?: string;
+    readonly ticks?: number;
+    readonly tickStrokeStyle?: string;
+    readonly tickStrokeWidth?: number;
+    readonly tickStrokeDasharray?: strokeDashTypes;
+    readonly tickValues?: number[];
+    readonly xZoomHeight?: number;
+    readonly zoomEnabled?: boolean;
+    readonly zoomCursorClassName?: string;
+}
+export declare class XAxis<T extends number | Date> extends React.Component<XAxisProps<T>> {
+    static defaultProps: {
+        axisAt: string;
+        className: string;
+        domainClassName: string;
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number;
+        getMouseDelta: (startXY: [number, number], mouseXY: [number, number]) => number;
+        gridLinesStrokeStyle: string;
+        gridLinesStrokeWidth: number;
+        orient: string;
+        outerTickSize: number;
+        innerTickSize: number;
+        showDomain: boolean;
+        showGridLines: boolean;
+        showTicks: boolean;
+        showTickLabel: boolean;
+        strokeStyle: string;
+        strokeWidth: number;
+        tickPadding: number;
+        tickLabelFill: string;
+        tickStrokeStyle: string;
+        xZoomHeight: number;
+        zoomEnabled: boolean;
+        zoomCursorClassName: string;
+    };
+    static contextType: React.Context<import("@tradingaction/core").ChartContextType>;
+    render(): JSX.Element;
+    private readonly axisZoomCallback;
+    private readonly helper;
+    private readonly getXTicks;
+    private readonly getXScale;
+}