@tradingaction/series 2.0.13

package/lib/LineSeries.js

@@ -0,0 +1,102 @@
+import { getClosestItemIndexes, getStrokeDasharrayCanvas, getAxisCanvas, getMouseCanvas, GenericChartComponent, } from "@tradingaction/core";
+import { line } from "d3-shape";
+import * as React from "react";
+/**
+ * `LineSeries` component.
+ */
+export class LineSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (lineDash) => (ctx, moreProps) => {
+            const { connectNulls, yAccessor, hoverStrokeWidth = LineSeries.defaultProps.hoverStrokeWidth, defined = LineSeries.defaultProps.defined, curve, canvasClip, strokeStyle, strokeWidth = LineSeries.defaultProps.strokeWidth, } = this.props;
+            const { xAccessor, xScale, chartConfig, plotData, hovering } = moreProps;
+            if (!chartConfig) {
+                console.warn("LineSeries received no chartConfig, is it inside of a Chart?");
+                return;
+            }
+            const { yScale } = chartConfig;
+            if (canvasClip !== undefined) {
+                ctx.save();
+                canvasClip(ctx, moreProps);
+            }
+            ctx.lineWidth = hovering ? hoverStrokeWidth : strokeWidth;
+            if (strokeStyle !== undefined) {
+                ctx.strokeStyle = strokeStyle;
+            }
+            if (lineDash !== undefined) {
+                ctx.setLineDash(lineDash);
+            }
+            const dataSeries = line()
+                .x((d) => Math.round(xScale(xAccessor(d))))
+                .y((d) => Math.round(yScale(yAccessor(d))));
+            if (curve !== undefined) {
+                dataSeries.curve(curve);
+            }
+            if (!connectNulls) {
+                dataSeries.defined((d) => defined(yAccessor(d)));
+            }
+            ctx.beginPath();
+            dataSeries.context(ctx)(plotData);
+            ctx.stroke();
+            if (canvasClip !== undefined) {
+                ctx.restore();
+            }
+        };
+        this.isHover = (moreProps) => {
+            const { highlightOnHover, yAccessor, hoverTolerance = LineSeries.defaultProps.hoverTolerance } = this.props;
+            if (!highlightOnHover) {
+                return false;
+            }
+            const { chartConfig: { yScale, origin }, xAccessor, mouseXY, currentItem, xScale, plotData, } = moreProps;
+            const [x, y] = mouseXY;
+            const radius = hoverTolerance;
+            const { left, right } = getClosestItemIndexes(plotData, xScale.invert(x), xAccessor);
+            if (left === right) {
+                const cy = yScale(yAccessor(currentItem)) + origin[1];
+                const cx = xScale(xAccessor(currentItem)) + origin[0];
+                const hovering1 = Math.pow(x - cx, 2) + Math.pow(y - cy, 2) < Math.pow(radius, 2);
+                return hovering1;
+            }
+            else {
+                const l = plotData[left];
+                const r = plotData[right];
+                const x1 = xScale(xAccessor(l)) + origin[0];
+                const y1 = yScale(yAccessor(l)) + origin[1];
+                const x2 = xScale(xAccessor(r)) + origin[0];
+                const y2 = yScale(yAccessor(r)) + origin[1];
+                // y = m * x + b
+                const m /* slope */ = (y2 - y1) / (x2 - x1);
+                const b /* y intercept */ = -1 * m * x1 + y1;
+                const desiredY = Math.round(m * x + b);
+                const hovering2 = y >= desiredY - radius && y <= desiredY + radius;
+                return hovering2;
+            }
+        };
+    }
+    render() {
+        const { highlightOnHover, onClick, onContextMenu, onDoubleClick, onHover, onUnHover, strokeDasharray } = this.props;
+        const hoverProps = highlightOnHover || onHover || onUnHover
+            ? {
+                isHover: this.isHover,
+                drawOn: ["mousemove", "pan"],
+                canvasToDraw: getMouseCanvas,
+            }
+            : {
+                drawOn: ["pan"],
+                canvasToDraw: getAxisCanvas,
+            };
+        const lineDash = getStrokeDasharrayCanvas(strokeDasharray);
+        return (React.createElement(GenericChartComponent, Object.assign({ canvasDraw: this.drawOnCanvas(lineDash), onClickWhenHover: onClick, onDoubleClickWhenHover: onDoubleClick, onContextMenuWhenHover: onContextMenu, onHover: onHover, onUnHover: onUnHover }, hoverProps)));
+    }
+}
+LineSeries.defaultProps = {
+    connectNulls: false,
+    defined: (d) => d !== undefined && !isNaN(d),
+    hoverStrokeWidth: 4,
+    hoverTolerance: 6,
+    highlightOnHover: false,
+    strokeDasharray: "Solid",
+    strokeStyle: "#2196f3",
+    strokeWidth: 1,
+};
+//# sourceMappingURL=LineSeries.js.map

package/lib/LineSeries.js.map

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

package/lib/MACDSeries.d.ts

@@ -0,0 +1,55 @@
+import { ScaleContinuousNumeric, ScaleTime } from "d3-scale";
+import * as React from "react";
+export interface MACDSeriesProps {
+    readonly className?: string;
+    readonly clip?: boolean;
+    readonly fillStyle?: {
+        divergence: string;
+    };
+    readonly strokeStyle?: {
+        macd: string;
+        signal: string;
+        zero: string;
+    };
+    readonly widthRatio?: number;
+    readonly width?: number | ((props: {
+        widthRatio: number;
+    }, moreProps: any) => number);
+    readonly yAccessor: (data: any) => {
+        divergence: number;
+        signal: number;
+        macd: number;
+    } | undefined;
+    readonly zeroLineStroke?: string;
+    readonly zeroLineOpacity?: number;
+}
+/**
+ * The MACD turns two trend-following indicators, moving averages, into a momentum oscillator by subtracting the longer moving average from the shorter one.
+ */
+export declare class MACDSeries extends React.Component<MACDSeriesProps> {
+    static defaultProps: {
+        className: string;
+        clip: boolean;
+        fillStyle: {
+            divergence: string;
+        };
+        strokeStyle: {
+            macd: string;
+            signal: string;
+            zero: string;
+        };
+        widthRatio: number;
+        width: <T>(props: {
+            widthRatio: number;
+        }, moreProps: {
+            xAccessor: (datum: T) => number | Date;
+            xScale: ScaleContinuousNumeric<number, number, never> | ScaleTime<number, number, never>;
+            plotData: T[];
+        }) => number;
+    };
+    render(): JSX.Element;
+    private readonly yAccessorForDivergenceBase;
+    private readonly yAccessorForDivergence;
+    private readonly yAccessorForSignal;
+    private readonly yAccessorForMACD;
+}

package/lib/MACDSeries.js

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { BarSeries } from "./BarSeries";
+import { LineSeries } from "./LineSeries";
+import { StraightLine } from "./StraightLine";
+/**
+ * The MACD turns two trend-following indicators, moving averages, into a momentum oscillator by subtracting the longer moving average from the shorter one.
+ */
+export class MACDSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.yAccessorForDivergenceBase = (xScale, yScale) => {
+            return yScale(0);
+        };
+        this.yAccessorForDivergence = (d) => {
+            const { yAccessor } = this.props;
+            const dataItem = yAccessor(d);
+            if (dataItem !== undefined) {
+                return dataItem.divergence;
+            }
+            return undefined;
+        };
+        this.yAccessorForSignal = (d) => {
+            const { yAccessor } = this.props;
+            const dataItem = yAccessor(d);
+            if (dataItem !== undefined) {
+                return dataItem.signal;
+            }
+            return undefined;
+        };
+        this.yAccessorForMACD = (d) => {
+            const { yAccessor } = this.props;
+            const dataItem = yAccessor(d);
+            if (dataItem !== undefined) {
+                return dataItem.macd;
+            }
+            return undefined;
+        };
+    }
+    render() {
+        const { className, clip, fillStyle = MACDSeries.defaultProps.fillStyle, strokeStyle = MACDSeries.defaultProps.strokeStyle, widthRatio, width, } = this.props;
+        return (React.createElement("g", { className: className },
+            React.createElement(BarSeries, { baseAt: this.yAccessorForDivergenceBase, width: width, widthRatio: widthRatio, fillStyle: fillStyle.divergence, clip: clip, yAccessor: this.yAccessorForDivergence }),
+            React.createElement(LineSeries, { yAccessor: this.yAccessorForMACD, strokeStyle: strokeStyle.macd }),
+            React.createElement(LineSeries, { yAccessor: this.yAccessorForSignal, strokeStyle: strokeStyle.signal }),
+            React.createElement(StraightLine, { strokeStyle: strokeStyle.zero, yValue: 0 })));
+    }
+}
+MACDSeries.defaultProps = {
+    className: "react-financial-charts-macd-series",
+    clip: true,
+    fillStyle: {
+        divergence: "rgba(70, 130, 180, 0.6)",
+    },
+    strokeStyle: {
+        macd: "#0093FF",
+        signal: "#D84315",
+        zero: "rgba(0, 0, 0, 0.3)",
+    },
+    widthRatio: 0.5,
+    width: BarSeries.defaultProps.width,
+};
+//# sourceMappingURL=MACDSeries.js.map

package/lib/MACDSeries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MACDSeries.js","sourceRoot":"","sources":["../src/MACDSeries.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAoB9C;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IAAhE;;QA2CqB,+BAA0B,GAAG,CAC1C,MAA0E,EAC1E,MAA8C,EAChD,EAAE;YACA,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC;QAEe,2BAAsB,GAAG,CAAC,CAAM,EAAE,EAAE;YACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAI,QAAQ,KAAK,SAAS,EAAE;gBACxB,OAAO,QAAQ,CAAC,UAAU,CAAC;aAC9B;YAED,OAAO,SAAS,CAAC;QACrB,CAAC,CAAC;QAEe,uBAAkB,GAAG,CAAC,CAAM,EAAE,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAI,QAAQ,KAAK,SAAS,EAAE;gBACxB,OAAO,QAAQ,CAAC,MAAM,CAAC;aAC1B;YAED,OAAO,SAAS,CAAC;QACrB,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,CAAM,EAAE,EAAE;YAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAI,QAAQ,KAAK,SAAS,EAAE;gBACxB,OAAO,QAAQ,CAAC,IAAI,CAAC;aACxB;YAED,OAAO,SAAS,CAAC;QACrB,CAAC,CAAC;IACN,CAAC;IAlEU,MAAM;QACT,MAAM,EACF,SAAS,EACT,IAAI,EACJ,SAAS,GAAG,UAAU,CAAC,YAAY,CAAC,SAAS,EAC7C,WAAW,GAAG,UAAU,CAAC,YAAY,CAAC,WAAW,EACjD,UAAU,EACV,KAAK,GACR,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACH,2BAAG,SAAS,EAAE,SAAS;YACnB,oBAAC,SAAS,IACN,MAAM,EAAE,IAAI,CAAC,0BAA0B,EACvC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,CAAC,UAAU,EAC/B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CAAC,sBAAsB,GACxC;YACF,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE,WAAW,CAAC,IAAI,GAAI;YAC/E,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,EAAE,WAAW,CAAC,MAAM,GAAI;YACnF,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAAI,CAC1D,CACP,CAAC;IACN,CAAC;;AAxCa,uBAAY,GAAG;IACzB,SAAS,EAAE,oCAAoC;IAC/C,IAAI,EAAE,IAAI;IACV,SAAS,EAAE;QACP,UAAU,EAAE,yBAAyB;KACxC;IACD,WAAW,EAAE;QACT,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,oBAAoB;KAC7B;IACD,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,KAAK;CACtC,CAAC"}

package/lib/OHLCSeries.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+interface IOHLC {
+    readonly close?: number;
+    readonly high?: number;
+    readonly low?: number;
+    readonly open?: number;
+}
+export interface OHLCSeriesProps {
+    readonly clip?: boolean;
+    readonly stroke?: string | ((datum: any) => string);
+    readonly strokeWidth?: number;
+    readonly yAccessor: (datum: any) => IOHLC;
+}
+export declare class OHLCSeries extends React.Component<OHLCSeriesProps> {
+    static defaultProps: {
+        yAccessor: (d: any) => {
+            open: any;
+            high: any;
+            low: any;
+            close: any;
+        };
+        classNames: (d: any) => "up" | "down" | "firstbar";
+        stroke: (d: any) => "#26a69a" | "#ef5350" | "#000000";
+        strokeWidth: number;
+        clip: boolean;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getOHLCBars;
+    private readonly drawBarDataOnCanvas;
+}
+export {};

package/lib/OHLCSeries.js

@@ -0,0 +1,67 @@
+import { group } from "d3-array";
+import * as React from "react";
+import { functor, isDefined, getAxisCanvas, GenericChartComponent } from "@tradingaction/core";
+export class OHLCSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { xAccessor, xScale, chartConfig: { yScale }, plotData, } = moreProps;
+            const barData = this.getOHLCBars(this.props, xAccessor, xScale, yScale, plotData);
+            this.drawBarDataOnCanvas(ctx, barData);
+        };
+        this.getOHLCBars = (props, xAccessor, xScale, yScale, plotData) => {
+            const { stroke: strokeProp, strokeWidth: strokeWidthProp = 1, yAccessor } = props;
+            const strokeFunc = functor(strokeProp);
+            const width = xScale(xAccessor(plotData[plotData.length - 1])) - xScale(xAccessor(plotData[0]));
+            const barWidth = Math.max(1, Math.round(width / (plotData.length - 1) / 2) - 1.5);
+            const strokeWidth = Math.min(barWidth, strokeWidthProp);
+            const bars = plotData
+                .filter((d) => yAccessor(d).close !== undefined)
+                .map((d) => {
+                const ohlc = yAccessor(d);
+                const x = Math.round(xScale(xAccessor(d)));
+                const y1 = yScale(ohlc.high);
+                const y2 = yScale(ohlc.low);
+                const openX1 = x - barWidth;
+                const openX2 = x + strokeWidth / 2;
+                const openY = yScale(ohlc.open);
+                const closeX1 = x - strokeWidth / 2;
+                const closeX2 = x + barWidth;
+                const closeY = yScale(ohlc.close);
+                const stroke = strokeFunc(d);
+                return { x, y1, y2, openX1, openX2, openY, closeX1, closeX2, closeY, stroke };
+            });
+            return { barWidth, strokeWidth, bars };
+        };
+        this.drawBarDataOnCanvas = (ctx, barData) => {
+            const { strokeWidth, bars } = barData;
+            const wickNest = group(bars, (d) => d.stroke);
+            ctx.lineWidth = strokeWidth;
+            wickNest.forEach((values, key) => {
+                ctx.strokeStyle = key;
+                values.forEach((d) => {
+                    ctx.beginPath();
+                    ctx.moveTo(d.x, d.y1);
+                    ctx.lineTo(d.x, d.y2);
+                    ctx.moveTo(d.openX1, d.openY);
+                    ctx.lineTo(d.openX2, d.openY);
+                    ctx.moveTo(d.closeX1, d.closeY);
+                    ctx.lineTo(d.closeX2, d.closeY);
+                    ctx.stroke();
+                });
+            });
+        };
+    }
+    render() {
+        const { clip } = this.props;
+        return (React.createElement(GenericChartComponent, { canvasToDraw: getAxisCanvas, canvasDraw: this.drawOnCanvas, clip: clip, drawOn: ["pan"] }));
+    }
+}
+OHLCSeries.defaultProps = {
+    yAccessor: (d) => ({ open: d.open, high: d.high, low: d.low, close: d.close }),
+    classNames: (d) => (isDefined(d.absoluteChange) ? (d.absoluteChange > 0 ? "up" : "down") : "firstbar"),
+    stroke: (d) => (isDefined(d.absoluteChange) ? (d.absoluteChange > 0 ? "#26a69a" : "#ef5350") : "#000000"),
+    strokeWidth: 1,
+    clip: true,
+};
+//# sourceMappingURL=OHLCSeries.js.map

package/lib/OHLCSeries.js.map

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

package/lib/OverlayBarSeries.d.ts

@@ -0,0 +1,35 @@
+import { ScaleContinuousNumeric, ScaleTime } from "d3-scale";
+import * as React from "react";
+export interface OverlayBarSeriesProps {
+    readonly baseAt?: number | ((xScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number>, yScale: ScaleContinuousNumeric<number, number>, datum: any) => number);
+    readonly direction?: "up" | "down";
+    readonly stroke?: boolean;
+    readonly width?: any;
+    readonly widthRatio?: number;
+    readonly fillStyle?: string | ((data: any, y: number) => string);
+    readonly yAccessor: ((datum: any) => number | undefined)[];
+    readonly xScale?: ScaleContinuousNumeric<number, number>;
+    readonly yScale?: ScaleContinuousNumeric<number, number>;
+    readonly plotData?: number[];
+    readonly clip?: boolean;
+}
+export declare class OverlayBarSeries extends React.Component<OverlayBarSeriesProps> {
+    static defaultProps: {
+        baseAt: (xScale: ScaleContinuousNumeric<number, number>, yScale: ScaleContinuousNumeric<number, number>) => any;
+        clip: boolean;
+        direction: string;
+        stroke: boolean;
+        fillStyle: string;
+        widthRatio: number;
+        width: <T>(props: {
+            widthRatio: number;
+        }, moreProps: {
+            xAccessor: (datum: T) => number | Date;
+            xScale: ScaleContinuousNumeric<number, number, never> | ScaleTime<number, number, never>;
+            plotData: T[];
+        }) => number;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getBars;
+}

package/lib/OverlayBarSeries.js

@@ -0,0 +1,71 @@
+import { merge } from "d3-array";
+import * as React from "react";
+import { first, functor, getAxisCanvas, GenericChartComponent, plotDataLengthBarWidth } from "@tradingaction/core";
+import { drawOnCanvas2 } from "./StackedBarSeries";
+export class OverlayBarSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const bars = this.getBars(moreProps);
+            drawOnCanvas2(this.props, ctx, bars);
+        };
+        this.getBars = (moreProps) => {
+            const { xScale, xAccessor, chartConfig: { yScale }, plotData, } = moreProps;
+            const { baseAt, fillStyle, stroke, yAccessor } = this.props;
+            const getFill = functor(fillStyle);
+            const getBase = functor(baseAt);
+            const widthFunctor = functor(this.props.width);
+            const width = widthFunctor(this.props, moreProps);
+            const offset = Math.floor(0.5 * width);
+            const bars = plotData.map((d) => {
+                const innerBars = yAccessor
+                    .map((eachYAccessor, i) => {
+                    const yValue = eachYAccessor(d);
+                    if (yValue === undefined) {
+                        return undefined;
+                    }
+                    const xValue = xAccessor(d);
+                    const x = Math.round(xScale(xValue)) - offset;
+                    const y = yScale(yValue);
+                    return {
+                        height: 0,
+                        width: offset * 2,
+                        x,
+                        y,
+                        stroke: stroke ? getFill(d, i) : "none",
+                        fillStyle: getFill(d, i),
+                        i,
+                    };
+                })
+                    .filter((yValue) => yValue !== undefined);
+                let b = getBase(xScale, yScale, d);
+                let h;
+                for (let i = innerBars.length - 1; i >= 0; i--) {
+                    h = b - innerBars[i].y;
+                    if (h < 0) {
+                        innerBars[i].y = b;
+                        h = -1 * h;
+                    }
+                    innerBars[i].height = h;
+                    b = innerBars[i].y;
+                }
+                return innerBars;
+            });
+            return merge(bars);
+        };
+    }
+    render() {
+        const { clip } = this.props;
+        return (React.createElement(GenericChartComponent, { canvasToDraw: getAxisCanvas, canvasDraw: this.drawOnCanvas, clip: clip, drawOn: ["pan"] }));
+    }
+}
+OverlayBarSeries.defaultProps = {
+    baseAt: (xScale, yScale) => first(yScale.range()),
+    clip: true,
+    direction: "up",
+    stroke: false,
+    fillStyle: "#4682B4",
+    widthRatio: 0.5,
+    width: plotDataLengthBarWidth,
+};
+//# sourceMappingURL=OverlayBarSeries.js.map

package/lib/OverlayBarSeries.js.map

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

package/lib/PointAndFigureSeries.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+export interface PointAndFigureSeriesProps {
+    readonly className?: string;
+    readonly clip?: boolean;
+    readonly fill?: {
+        up: string;
+        down: string;
+    };
+    readonly stroke?: {
+        up: string;
+        down: string;
+    };
+    readonly strokeWidth?: number;
+}
+export declare class PointAndFigureSeries extends React.Component<PointAndFigureSeriesProps> {
+    static defaultProps: {
+        className: string;
+        strokeWidth: number;
+        stroke: {
+            up: string;
+            down: string;
+        };
+        fill: {
+            up: string;
+            down: string;
+        };
+        clip: boolean;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getColumns;
+    private readonly drawOnCanvasPrivate;
+}

package/lib/PointAndFigureSeries.js

@@ -0,0 +1,92 @@
+import * as React from "react";
+import { isDefined, isNotDefined, getAxisCanvas, GenericChartComponent } from "@tradingaction/core";
+export class PointAndFigureSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { xAccessor, xScale, chartConfig: { yScale }, plotData, } = moreProps;
+            const columns = this.getColumns(xScale, xAccessor, yScale, plotData);
+            this.drawOnCanvasPrivate(ctx, this.props, columns);
+        };
+        this.getColumns = (xScale, xAccessor, yScale, plotData) => {
+            const width = xScale(xAccessor(plotData[plotData.length - 1])) - xScale(xAccessor(plotData[0]));
+            const columnWidth = width / (plotData.length - 1);
+            let anyBox;
+            let j = 0;
+            while (isNotDefined(anyBox)) {
+                if (isDefined(plotData[j].close)) {
+                    anyBox = plotData[j].boxes[0];
+                }
+                else {
+                    break;
+                }
+                j++;
+            }
+            const boxHeight = Math.abs(yScale(anyBox.open) - yScale(anyBox.close));
+            const columns = plotData
+                .filter((d) => isDefined(d.close))
+                .map((d) => {
+                const boxes = d.boxes.map((box) => ({
+                    columnWidth,
+                    boxHeight,
+                    open: yScale(box.open),
+                    close: yScale(box.close),
+                }));
+                const xOffset = xScale(xAccessor(d)) - columnWidth / 2;
+                return {
+                    boxes,
+                    direction: d.direction,
+                    offset: [xOffset, 0],
+                };
+            });
+            return columns;
+        };
+        this.drawOnCanvasPrivate = (ctx, props, columns) => {
+            const { stroke, fill, strokeWidth } = props;
+            ctx.lineWidth = strokeWidth;
+            columns.forEach((col) => {
+                const [offsetX, offsetY] = col.offset;
+                col.boxes.forEach((box) => {
+                    if (col.direction > 0) {
+                        ctx.fillStyle = fill.up;
+                        ctx.strokeStyle = stroke.up;
+                        ctx.beginPath();
+                        ctx.moveTo(offsetX, offsetY + box.open);
+                        ctx.lineTo(offsetX + box.columnWidth, offsetY + box.close);
+                        ctx.moveTo(offsetX, offsetY + box.close);
+                        ctx.lineTo(offsetX + box.columnWidth, offsetY + box.open);
+                        ctx.stroke();
+                    }
+                    else {
+                        ctx.fillStyle = fill.down;
+                        ctx.strokeStyle = stroke.down;
+                        ctx.beginPath();
+                        const [x, y] = [offsetX + box.columnWidth / 2, offsetY + box.open + box.boxHeight / 2];
+                        const [rx, ry] = [box.columnWidth / 2, box.boxHeight / 2];
+                        ctx.ellipse(x, y, rx, ry, 0, 0, 2 * Math.PI);
+                        ctx.stroke();
+                    }
+                });
+            });
+            ctx.stroke();
+        };
+    }
+    render() {
+        const { clip } = this.props;
+        return (React.createElement(GenericChartComponent, { clip: clip, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] }));
+    }
+}
+PointAndFigureSeries.defaultProps = {
+    className: "react-financial-charts-point-and-figure",
+    strokeWidth: 1,
+    stroke: {
+        up: "#6BA583",
+        down: "#FF0000",
+    },
+    fill: {
+        up: "none",
+        down: "none",
+    },
+    clip: true,
+};
+//# sourceMappingURL=PointAndFigureSeries.js.map

package/lib/PointAndFigureSeries.js.map

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