@tradingaction/series 2.0.13

package/lib/StackedBarSeries.js

@@ -0,0 +1,157 @@
+import { group, merge } from "d3-array";
+import { stack as d3Stack } from "d3-shape";
+import * as React from "react";
+import { functor, head, identity, getAxisCanvas, GenericChartComponent, plotDataLengthBarWidth } from "@tradingaction/core";
+export class StackedBarSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { xAccessor } = moreProps;
+            drawOnCanvasHelper(ctx, this.props, moreProps, xAccessor, d3Stack);
+        };
+    }
+    render() {
+        const { clip } = this.props;
+        return (React.createElement(GenericChartComponent, { clip: clip, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] }));
+    }
+}
+StackedBarSeries.defaultProps = {
+    baseAt: (xScale, yScale) => head(yScale.range()),
+    direction: "up",
+    stroke: false,
+    fillStyle: "rgba(70, 130, 180, 0.5)",
+    width: plotDataLengthBarWidth,
+    widthRatio: 0.8,
+    clip: true,
+    swapScales: false,
+};
+export function identityStack() {
+    let keys = [];
+    function stack(data) {
+        const response = keys.map((key, i) => {
+            const arrays = data.map((d) => {
+                const array = [0, d[key]];
+                // @ts-ignore
+                array.data = d;
+                return array;
+            });
+            arrays.key = key;
+            arrays.index = i;
+            return arrays;
+        });
+        return response;
+    }
+    stack.keys = function (x) {
+        if (!arguments.length) {
+            return keys;
+        }
+        keys = x;
+        return stack;
+    };
+    return stack;
+}
+export function drawOnCanvasHelper(ctx, props, moreProps, xAccessor, stackFn, defaultPostAction = identity, postRotateAction = rotateXY) {
+    const { xScale, chartConfig: { yScale }, plotData, } = moreProps;
+    const bars = doStuff(props, xAccessor, plotData, xScale, yScale, stackFn, postRotateAction, defaultPostAction);
+    drawOnCanvas2(props, ctx, bars);
+}
+function convertToArray(item) {
+    return Array.isArray(item) ? item : [item];
+}
+const doStuff = (props, xAccessor, plotData, xScale, yScale, stackFn, postRotateAction, defaultPostAction) => {
+    const { yAccessor, swapScales } = props;
+    const modifiedYAccessor = swapScales ? convertToArray(xAccessor) : convertToArray(yAccessor);
+    const modifiedXAccessor = swapScales ? yAccessor : xAccessor;
+    const modifiedXScale = swapScales ? yScale : xScale;
+    const modifiedYScale = swapScales ? xScale : yScale;
+    const postProcessor = swapScales ? postRotateAction : defaultPostAction;
+    const bars = getBars(props, modifiedXAccessor, modifiedYAccessor, modifiedXScale, modifiedYScale, plotData, stackFn, postProcessor);
+    return bars;
+};
+export const rotateXY = (array) => array.map((each) => {
+    return Object.assign(Object.assign({}, each), { x: each.y, y: each.x, height: each.width, width: each.height });
+});
+export const drawOnCanvas2 = (props, ctx, bars) => {
+    const { stroke } = props;
+    const nest = group(bars, (d) => d.fillStyle);
+    nest.forEach((values, key) => {
+        if (head(values).width > 1) {
+            if (key !== undefined) {
+                ctx.strokeStyle = key;
+            }
+        }
+        ctx.fillStyle = key;
+        values.forEach((d) => {
+            if (d.width <= 1) {
+                ctx.fillRect(d.x - 0.5, d.y, 1, d.height);
+            }
+            else {
+                ctx.fillRect(d.x + 0.5, d.y + 0.5, d.width, d.height);
+                if (stroke) {
+                    ctx.strokeRect(d.x, d.y, d.width, d.height);
+                }
+            }
+        });
+    });
+};
+export function getBars(props, xAccessor, yAccessor, xScale, yScale, plotData, stack = identityStack, after = identity) {
+    const { baseAt, fillStyle, stroke, spaceBetweenBar = 0 } = props;
+    const getFill = functor(fillStyle);
+    const getBase = functor(baseAt);
+    const widthFunctor = functor(props.width);
+    const width = widthFunctor(props, {
+        xScale,
+        xAccessor,
+        plotData,
+    });
+    const barWidth = Math.round(width);
+    const eachBarWidth = (barWidth - spaceBetweenBar * (yAccessor.length - 1)) / yAccessor.length;
+    const offset = barWidth === 1 ? 0 : 0.5 * width;
+    const ds = plotData.map((each) => {
+        const d = {
+            appearance: {},
+            x: xAccessor(each),
+        };
+        yAccessor.forEach((eachYAccessor, i) => {
+            const key = `y${i}`;
+            // @ts-ignore
+            d[key] = eachYAccessor(each);
+            const appearance = {
+                stroke: stroke ? getFill(each, i) : "none",
+                fillStyle: getFill(each, i),
+            };
+            // @ts-ignore
+            d.appearance[key] = appearance;
+        });
+        return d;
+    });
+    const keys = yAccessor.map((_, i) => `y${i}`);
+    // @ts-ignore
+    const data = stack().keys(keys)(ds);
+    const newData = data.map((each, i) => {
+        const key = each.key;
+        return each.map((d) => {
+            const array = [d[0], d[1]];
+            // @ts-ignore
+            array.data = {
+                x: d.data.x,
+                i,
+                appearance: d.data.appearance[key],
+            };
+            return array;
+        });
+    });
+    const bars = merge(newData)
+        .map((d) => {
+        let y = yScale(d[1]);
+        let h = getBase(xScale, yScale, d.data) - yScale(d[1] - d[0]);
+        if (h < 0) {
+            y = y + h;
+            h = -h;
+        }
+        return Object.assign(Object.assign({}, d.data.appearance), { x: Math.round(xScale(d.data.x) - width / 2), y, groupOffset: Math.round(offset - (d.data.i > 0 ? (eachBarWidth + spaceBetweenBar) * d.data.i : 0)), groupWidth: Math.round(eachBarWidth), offset: Math.round(offset), height: h, width: barWidth });
+    })
+        .filter((bar) => !isNaN(bar.y));
+    return after(bars);
+}
+//# sourceMappingURL=StackedBarSeries.js.map

package/lib/StackedBarSeries.js.map

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

package/lib/StochasticSeries.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export interface StochasticSeriesProps {
+    readonly className?: string;
+    readonly overBought?: number;
+    readonly overSold?: number;
+    readonly middle?: number;
+    readonly strokeStyle?: {
+        top: string;
+        middle: string;
+        bottom: string;
+        dLine: string;
+        kLine: string;
+    };
+    readonly yAccessor: (data: any) => {
+        K: number;
+        D: number;
+    };
+}
+/**
+ * The Stochastic Oscillator is a momentum indicator that shows the location of the close relative to the high-low range over a set number of periods.
+ */
+export declare class StochasticSeries extends React.Component<StochasticSeriesProps> {
+    static defaultProps: {
+        className: string;
+        strokeStyle: {
+            top: string;
+            middle: string;
+            bottom: string;
+            dLine: string;
+            kLine: string;
+        };
+        overSold: number;
+        middle: number;
+        overBought: number;
+    };
+    render(): JSX.Element;
+    private readonly yAccessorForK;
+    private readonly yAccessorForD;
+}

package/lib/StochasticSeries.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { LineSeries } from "./LineSeries";
+import { StraightLine } from "./StraightLine";
+/**
+ * The Stochastic Oscillator is a momentum indicator that shows the location of the close relative to the high-low range over a set number of periods.
+ */
+export class StochasticSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.yAccessorForK = (d) => {
+            const { yAccessor } = this.props;
+            return yAccessor(d) && yAccessor(d).K;
+        };
+        this.yAccessorForD = (d) => {
+            const { yAccessor } = this.props;
+            return yAccessor(d) && yAccessor(d).D;
+        };
+    }
+    render() {
+        const { className, strokeStyle = StochasticSeries.defaultProps.strokeStyle, overSold, middle, overBought, } = this.props;
+        return (React.createElement("g", { className: className },
+            React.createElement(LineSeries, { yAccessor: this.yAccessorForD, strokeStyle: strokeStyle.dLine }),
+            React.createElement(LineSeries, { yAccessor: this.yAccessorForK, strokeStyle: strokeStyle.kLine }),
+            React.createElement(StraightLine, { strokeStyle: strokeStyle.top, yValue: overSold }),
+            React.createElement(StraightLine, { strokeStyle: strokeStyle.middle, yValue: middle }),
+            React.createElement(StraightLine, { strokeStyle: strokeStyle.bottom, yValue: overBought })));
+    }
+}
+StochasticSeries.defaultProps = {
+    className: "react-financial-charts-stochastic-series",
+    strokeStyle: {
+        top: "rgba(150, 75, 0, 0.3)",
+        middle: "rgba(0, 0, 0, 0.3)",
+        bottom: "rgba(150, 75, 0, 0.3)",
+        dLine: "#EA2BFF",
+        kLine: "#74D400",
+    },
+    overSold: 80,
+    middle: 50,
+    overBought: 20,
+};
+//# sourceMappingURL=StochasticSeries.js.map

package/lib/StochasticSeries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StochasticSeries.js","sourceRoot":"","sources":["../src/StochasticSeries.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAgC;IAA5E;;QAmCqB,kBAAa,GAAG,CAAC,CAAM,EAAE,EAAE;YACxC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEe,kBAAa,GAAG,CAAC,CAAM,EAAE,EAAE;YACxC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEjC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC;IACN,CAAC;IA/BU,MAAM;QACT,MAAM,EACF,SAAS,EACT,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,WAAW,EACvD,QAAQ,EACR,MAAM,EACN,UAAU,GACb,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACH,2BAAG,SAAS,EAAE,SAAS;YACnB,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC,KAAK,GAAI;YAC7E,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC,KAAK,GAAI;YAC7E,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,GAAI;YAChE,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI;YACjE,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,GAAI,CACrE,CACP,CAAC;IACN,CAAC;;AAhCa,6BAAY,GAAG;IACzB,SAAS,EAAE,0CAA0C;IACrD,WAAW,EAAE;QACT,GAAG,EAAE,uBAAuB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,MAAM,EAAE,uBAAuB;QAC/B,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACnB;IACD,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;CACjB,CAAC"}

package/lib/StraightLine.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { strokeDashTypes } from "@tradingaction/core";
+export type TStraightLineXLabelPosition = "bottom" | "top";
+export interface StraightLineProps {
+    readonly lineDash?: strokeDashTypes | number[];
+    readonly lineWidth?: number;
+    readonly strokeStyle?: string;
+    readonly type?: "vertical" | "horizontal";
+    readonly yValue?: number;
+    readonly xValue?: number;
+    readonly xLabel?: string;
+    readonly xLabelPosition: TStraightLineXLabelPosition;
+    readonly xLabelFont: string;
+    readonly xLabelFill: string;
+    readonly xLabelColor: string;
+    readonly xLabelPadding: number;
+    readonly onDoubleClick?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onClickOutside?: (e: React.MouseEvent, moreProps: any) => void;
+    readonly onContextMenuWhenHover?: (e: React.MouseEvent, moreProps: any) => void;
+}
+export declare class StraightLine extends React.Component<StraightLineProps> {
+    static defaultProps: {
+        lineWidth: number;
+        lineDash: string;
+        strokeStyle: string;
+        type: string;
+        xLabel: undefined;
+        xLabelPosition: string;
+        xLabelFont: string;
+        xLabelFill: string;
+        xLabelColor: string;
+        xLabelPadding: number;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly getLineCoordinates;
+    private readonly getTextCoordinates;
+}

package/lib/StraightLine.js

@@ -0,0 +1,81 @@
+import * as React from "react";
+import { getAxisCanvas, getStrokeDasharrayCanvas, GenericChartComponent } from "@tradingaction/core";
+export class StraightLine extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { type, strokeStyle, lineWidth, lineDash, yValue, xValue, xLabel, xLabelPosition, xLabelFont, xLabelFill, xLabelColor, xLabelPadding, } = this.props;
+            const { xScale, chartConfig: { yScale, width, height }, } = moreProps;
+            ctx.beginPath();
+            if (strokeStyle !== undefined) {
+                ctx.strokeStyle = strokeStyle;
+            }
+            if (lineWidth !== undefined) {
+                ctx.lineWidth = lineWidth;
+            }
+            if (lineDash !== undefined) {
+                ctx.setLineDash(typeof lineDash === "string" ? getStrokeDasharrayCanvas(lineDash) : lineDash);
+            }
+            const { x1, y1, x2, y2 } = this.getLineCoordinates(type, xScale, yScale, xValue, yValue, width, height);
+            ctx.moveTo(x1, y1);
+            ctx.lineTo(x2, y2);
+            ctx.stroke();
+            // Draw xLabel with background for vertical line at the bottom of the chart
+            // const xLabel = "Hi aman", xLabelFont = '12px Arial'
+            if (type === "vertical" && xLabel) {
+                // Horizontal support is not provided, because <PriceCoordinate /> could be used for left, and right with <StraightLine type="vertical" />
+                ctx.textAlign = "center";
+                ctx.textBaseline = "bottom";
+                ctx.font = xLabelFont || "12px Arial";
+                const { rectX, rectY, rectW, rectH, textX, textY } = this.getTextCoordinates(ctx, xLabel, x1, height, xLabelPosition, xLabelPadding);
+                // Set fill style for background
+                ctx.fillStyle = xLabelFill; // Provided or Semi-transparent black background
+                ctx.fillRect(rectX, rectY, rectW, rectH);
+                // Set fill style for text
+                ctx.fillStyle = xLabelColor;
+                ctx.fillText(xLabel, textX, textY);
+            }
+        };
+        this.getLineCoordinates = (type, xScale, yScale, xValue, yValue, width, height) => {
+            return type === "horizontal"
+                ? { x1: 0, y1: Math.round(yScale(yValue)), x2: width, y2: Math.round(yScale(yValue)) }
+                : { x1: Math.round(xScale(xValue)), y1: 0, x2: Math.round(xScale(xValue)), y2: height };
+        };
+        this.getTextCoordinates = (ctx, xLabel, xPosition, chartHeight, xLabelPosition, xLabelPadding) => {
+            // Measure text to determine background size
+            const textMetrics = ctx.measureText(xLabel);
+            const textWidth = textMetrics.width;
+            const textHeight = parseInt(ctx.font, 10); // Approximate height from font
+            const rectX = xPosition - textWidth / 2 - xLabelPadding;
+            const rectY = xLabelPosition == "bottom" ? chartHeight - textHeight - 2 * xLabelPadding : 0;
+            const rectW = textWidth + 2 * xLabelPadding;
+            const rectH = textHeight + 2 * xLabelPadding;
+            const textX = xPosition;
+            const textY = xLabelPosition == "bottom" ? chartHeight - xLabelPadding : textHeight + xLabelPadding + 1;
+            return {
+                rectX,
+                rectY,
+                rectW,
+                rectH,
+                textX,
+                textY,
+            };
+        };
+    }
+    render() {
+        return (React.createElement(GenericChartComponent, { onContextMenu: this.props.onContextMenuWhenHover, onDoubleClick: this.props.onDoubleClick, onClickOutside: this.props.onClickOutside, canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan", "mousemove", "drag"] }));
+    }
+}
+StraightLine.defaultProps = {
+    lineWidth: 1,
+    lineDash: "Solid",
+    strokeStyle: "rgba(0, 0, 0, 0.5)",
+    type: "horizontal",
+    xLabel: undefined,
+    xLabelPosition: "bottom",
+    xLabelFont: "12px Arial",
+    xLabelFill: "rgba(0, 0, 0, 0.7)",
+    xLabelColor: "#fff",
+    xLabelPadding: 5,
+};
+//# sourceMappingURL=StraightLine.js.map

package/lib/StraightLine.js.map

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

package/lib/VolumeProfileSeries.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+export interface VolumeProfileSeriesProps {
+    readonly absoluteChange: (datum: any) => number;
+    readonly bins: number;
+    readonly bySession?: boolean;
+    readonly fill?: (widthType: {
+        type: "up" | "down";
+        width: number;
+    }) => string;
+    readonly maxProfileWidthPercent: number;
+    readonly orient?: "left" | "right";
+    readonly partialStartOK?: boolean;
+    readonly partialEndOK?: boolean;
+    readonly sessionBackGround?: string;
+    readonly sessionStart: ({ d, i, plotData }: any) => boolean;
+    readonly showSessionBackground?: boolean;
+    readonly source: (d: number, i: number, data: ArrayLike<number>) => number;
+    readonly stroke?: string;
+    readonly volume: (datum: any) => number;
+}
+export declare class VolumeProfileSeries extends React.Component<VolumeProfileSeriesProps> {
+    static defaultProps: {
+        absoluteChange: (d: any) => any;
+        bins: number;
+        bySession: boolean;
+        fill: ({ type }: {
+            type: "up" | "down";
+            width: number;
+        }) => "rgba(38, 166, 154, 0.5)" | "rgba(239, 83, 80, 0.5)";
+        maxProfileWidthPercent: number;
+        orient: string;
+        partialStartOK: boolean;
+        partialEndOK: boolean;
+        sessionBackGround: string;
+        sessionStart: ({ d, i, plotData }: any) => boolean;
+        showSessionBackground: boolean;
+        source: (d: any) => any;
+        stroke: string;
+        volume: (d: any) => any;
+    };
+    render(): JSX.Element;
+    private readonly drawOnCanvas;
+    private readonly drawOnCanvasContext;
+    private readonly helper;
+}

package/lib/VolumeProfileSeries.js

@@ -0,0 +1,161 @@
+import { ascending, descending, histogram as d3Histogram, max, merge, rollup, sum, zip } from "d3-array";
+import { scaleLinear } from "d3-scale";
+import * as React from "react";
+import { accumulatingWindow, functor, head, identity, getAxisCanvas, GenericChartComponent, last, } from "@tradingaction/core";
+export class VolumeProfileSeries extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.drawOnCanvas = (ctx, moreProps) => {
+            const { xAccessor, width } = moreProps;
+            const { rects, sessionBg } = this.helper(this.props, moreProps, xAccessor, width);
+            this.drawOnCanvasContext(ctx, rects, sessionBg);
+        };
+        this.drawOnCanvasContext = (ctx, rects, sessionBg) => {
+            const { sessionBackGround, showSessionBackground } = this.props;
+            if (showSessionBackground) {
+                if (sessionBackGround !== undefined) {
+                    ctx.fillStyle = sessionBackGround;
+                }
+                sessionBg.forEach((each) => {
+                    const { x, y, height, width } = each;
+                    ctx.beginPath();
+                    ctx.rect(x, y, width, height);
+                    ctx.closePath();
+                    ctx.fill();
+                });
+            }
+            rects.forEach((each) => {
+                const { x, y, height, w1, w2, stroke1, stroke2, fill1, fill2 } = each;
+                if (w1 > 0) {
+                    ctx.fillStyle = fill1;
+                    if (stroke1 !== "none") {
+                        ctx.strokeStyle = stroke1;
+                    }
+                    ctx.beginPath();
+                    ctx.rect(x, y, w1, height);
+                    ctx.closePath();
+                    ctx.fill();
+                    if (stroke1 !== "none") {
+                        ctx.stroke();
+                    }
+                }
+                if (w2 > 0) {
+                    ctx.fillStyle = fill2;
+                    if (stroke2 !== "none") {
+                        ctx.strokeStyle = stroke2;
+                    }
+                    ctx.beginPath();
+                    ctx.rect(x + w1, y, w2, height);
+                    ctx.closePath();
+                    ctx.fill();
+                    if (stroke2 !== "none") {
+                        ctx.stroke();
+                    }
+                }
+            });
+        };
+        this.helper = (props, moreProps, xAccessor, width) => {
+            const { xScale: realXScale, chartConfig: { yScale }, plotData, } = moreProps;
+            const { sessionStart, bySession, partialStartOK, partialEndOK, bins, maxProfileWidthPercent, source, volume, absoluteChange, orient, fill, stroke, } = props;
+            const sessionBuilder = accumulatingWindow()
+                .discardTillStart(!partialStartOK)
+                .discardTillEnd(!partialEndOK)
+                .accumulateTill((d, i) => {
+                return sessionStart(Object.assign({ d, i }, moreProps));
+            })
+                .accumulator(identity);
+            const dx = plotData.length > 1 ? realXScale(xAccessor(plotData[1])) - realXScale(xAccessor(head(plotData))) : 0;
+            const sessions = bySession ? sessionBuilder(plotData) : [plotData];
+            const allRects = sessions.map((session) => {
+                const begin = bySession ? realXScale(xAccessor(head(session))) : 0;
+                const finish = bySession ? realXScale(xAccessor(last(session))) : width;
+                const sessionWidth = finish - begin + dx;
+                const histogram2 = d3Histogram().value(source).thresholds(bins);
+                const rolledup = (data) => {
+                    const sortFunction = orient === "right" ? descending : ascending;
+                    const sortedData = data.sort((a, b) => sortFunction(a.direction, b.direction));
+                    return rollup(sortedData, (leaves) => sum(leaves, (d) => d.volume), (d) => d.direction);
+                };
+                const values = histogram2(session);
+                const volumeInBins = values
+                    .map((arr) => arr.map((d) => {
+                    return absoluteChange(d) > 0
+                        ? { direction: "up", volume: volume(d) }
+                        : { direction: "down", volume: volume(d) };
+                }))
+                    .map((arr) => Array.from(rolledup(arr)));
+                const volumeValues = volumeInBins.map((each) => sum(each.map((d) => d[1])));
+                const base = (xScaleD) => head(xScaleD.range());
+                const [start, end] = orient === "right"
+                    ? [begin, begin + (sessionWidth * maxProfileWidthPercent) / 100]
+                    : [finish, finish - (sessionWidth * (100 - maxProfileWidthPercent)) / 100];
+                const xScale = scaleLinear()
+                    .domain([0, max(volumeValues)])
+                    .range([start, end]);
+                const totalVolumes = volumeInBins.map((volumes) => {
+                    const totalVolume = sum(volumes, (d) => d[1]);
+                    const totalVolumeX = xScale(totalVolume);
+                    const widthLocal = base(xScale) - totalVolumeX;
+                    const x = widthLocal < 0 ? totalVolumeX + widthLocal : totalVolumeX;
+                    const ws = volumes.map((d) => {
+                        return {
+                            type: d[0],
+                            width: (d[1] * Math.abs(widthLocal)) / totalVolume,
+                        };
+                    });
+                    return { x, ws, totalVolumeX };
+                });
+                // @ts-ignore
+                const rects = zip(values, totalVolumes)
+                    // @ts-ignore
+                    .map(([d, { x, ws }]) => {
+                    const w1 = ws[0] || { type: "up", width: 0 };
+                    const w2 = ws[1] || { type: "down", width: 0 };
+                    return {
+                        y: yScale(d.x1),
+                        height: yScale(d.x1) - yScale(d.x0),
+                        x,
+                        width,
+                        w1: w1.width,
+                        w2: w2.width,
+                        stroke1: functor(stroke)(w1),
+                        stroke2: functor(stroke)(w2),
+                        fill1: functor(fill)(w1),
+                        fill2: functor(fill)(w2),
+                    };
+                });
+                const sessionBg = {
+                    x: begin,
+                    y: last(rects).y,
+                    height: head(rects).y - last(rects).y + head(rects).height,
+                    width: sessionWidth,
+                };
+                return { rects, sessionBg };
+            });
+            return {
+                rects: merge(allRects.map((d) => d.rects)),
+                sessionBg: allRects.map((d) => d.sessionBg),
+            };
+        };
+    }
+    render() {
+        return React.createElement(GenericChartComponent, { canvasDraw: this.drawOnCanvas, canvasToDraw: getAxisCanvas, drawOn: ["pan"] });
+    }
+}
+VolumeProfileSeries.defaultProps = {
+    absoluteChange: (d) => d.absoluteChange,
+    bins: 20,
+    bySession: false,
+    fill: ({ type }) => type === "up" ? "rgba(38, 166, 154, 0.5)" : "rgba(239, 83, 80, 0.5)",
+    maxProfileWidthPercent: 50,
+    orient: "left",
+    partialStartOK: true,
+    partialEndOK: true,
+    sessionBackGround: "rgba(70, 130, 180, 0.3)",
+    sessionStart: ({ d, i, plotData }) => i > 0 && plotData[i - 1].date.getMonth() !== d.date.getMonth(),
+    showSessionBackground: false,
+    source: (d) => d.close,
+    stroke: "#FFFFFF",
+    volume: (d) => d.volume,
+};
+//# sourceMappingURL=VolumeProfileSeries.js.map

package/lib/VolumeProfileSeries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeProfileSeries.js","sourceRoot":"","sources":["../src/VolumeProfileSeries.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,IAAI,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACzG,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,kBAAkB,EAClB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,IAAI,GACP,MAAM,qBAAqB,CAAC;AAmB7B,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAmC;IAAlF;;QAuBqB,iBAAY,GAAG,CAAC,GAA6B,EAAE,SAAc,EAAE,EAAE;YAC9E,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC;YAEvC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;YAElF,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;QACpD,CAAC,CAAC;QAEe,wBAAmB,GAAG,CAAC,GAA6B,EAAE,KAAY,EAAE,SAAgB,EAAE,EAAE;YACrG,MAAM,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEhE,IAAI,qBAAqB,EAAE;gBACvB,IAAI,iBAAiB,KAAK,SAAS,EAAE;oBACjC,GAAG,CAAC,SAAS,GAAG,iBAAiB,CAAC;iBACrC;gBAED,SAAS,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;oBAC5B,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;oBAErC,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBAC9B,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,EAAE,CAAC;gBACf,CAAC,CAAC,CAAC;aACN;YAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;gBACxB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;gBAEtE,IAAI,EAAE,GAAG,CAAC,EAAE;oBACR,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC;oBACtB,IAAI,OAAO,KAAK,MAAM,EAAE;wBACpB,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC;qBAC7B;oBAED,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;oBAC3B,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,EAAE,CAAC;oBAEX,IAAI,OAAO,KAAK,MAAM,EAAE;wBACpB,GAAG,CAAC,MAAM,EAAE,CAAC;qBAChB;iBACJ;gBAED,IAAI,EAAE,GAAG,CAAC,EAAE;oBACR,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC;oBACtB,IAAI,OAAO,KAAK,MAAM,EAAE;wBACpB,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC;qBAC7B;oBAED,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;oBAChC,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChB,GAAG,CAAC,IAAI,EAAE,CAAC;oBAEX,IAAI,OAAO,KAAK,MAAM,EAAE;wBACpB,GAAG,CAAC,MAAM,EAAE,CAAC;qBAChB;iBACJ;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEe,WAAM,GAAG,CAAC,KAA+B,EAAE,SAAc,EAAE,SAAc,EAAE,KAAa,EAAE,EAAE;YACzG,MAAM,EACF,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,EAAE,MAAM,EAAE,EACvB,QAAQ,GACX,GAAG,SAAS,CAAC;YAEd,MAAM,EACF,YAAY,EACZ,SAAS,EACT,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,sBAAsB,EACtB,MAAM,EACN,MAAM,EACN,cAAc,EACd,MAAM,EACN,IAAI,EACJ,MAAM,GACT,GAAG,KAAK,CAAC;YAEV,MAAM,cAAc,GAAG,kBAAkB,EAAE;iBACtC,gBAAgB,CAAC,CAAC,cAAc,CAAC;iBACjC,cAAc,CAAC,CAAC,YAAY,CAAC;iBAC7B,cAAc,CAAC,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE;gBAC/B,OAAO,YAAY,iBAAG,CAAC,EAAE,CAAC,IAAK,SAAS,EAAG,CAAC;YAChD,CAAC,CAAC;iBACD,WAAW,CAAC,QAAQ,CAAC,CAAC;YAE3B,MAAM,EAAE,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEhH,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YAEnE,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;gBAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBACxE,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,EAAE,CAAC;gBAEzC,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEhE,MAAM,QAAQ,GAAG,CAAC,IAAW,EAAE,EAAE;oBAC7B,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;oBAEjE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;oBAE/E,OAAO,MAAM,CACT,UAAU,EACV,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAM,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CACrB,CAAC;gBACN,CAAC,CAAC;gBAEF,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;gBAEnC,MAAM,YAAY,GAAG,MAAM;qBACtB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACT,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACV,OAAO,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC;wBACxB,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE;wBACxC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnD,CAAC,CAAC,CACL;qBACA,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAE7C,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAE5E,MAAM,IAAI,GAAG,CAAC,OAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;gBAErD,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GACd,MAAM,KAAK,OAAO;oBACd,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,YAAY,GAAG,sBAAsB,CAAC,GAAG,GAAG,CAAC;oBAChE,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,sBAAsB,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;gBAEnF,MAAM,MAAM,GAAG,WAAW,EAAE;qBACvB,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,YAAY,CAAE,CAAC,CAAC;qBAC/B,KAAK,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;gBAEzB,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC9C,MAAM,WAAW,GAAG,GAAG,CAAM,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACnD,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;oBACzC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;oBAC/C,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;oBAEpE,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACzB,OAAO;4BACH,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;4BACV,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,WAAW;yBACrD,CAAC;oBACN,CAAC,CAAC,CAAC;oBAEH,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC;gBACnC,CAAC,CAAC,CAAC;gBAEH,aAAa;gBACb,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC;oBACnC,aAAa;qBACZ,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE;oBACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;oBAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;oBAE/C,OAAO;wBACH,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;wBACf,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;wBACnC,CAAC;wBACD,KAAK;wBACL,EAAE,EAAE,EAAE,CAAC,KAAK;wBACZ,EAAE,EAAE,EAAE,CAAC,KAAK;wBACZ,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;wBAC5B,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;wBAC5B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;wBACxB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;qBAC3B,CAAC;gBACN,CAAC,CAAC,CAAC;gBAEP,MAAM,SAAS,GAAG;oBACd,CAAC,EAAE,KAAK;oBACR,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;oBAChB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;oBAC1D,KAAK,EAAE,YAAY;iBACtB,CAAC;gBAEF,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YAChC,CAAC,CAAC,CAAC;YAEH,OAAO;gBACH,KAAK,EAAE,KAAK,CAAM,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACpD,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;aACnD,CAAC;QACN,CAAC,CAAC;IACN,CAAC;IArMU,MAAM;QACT,OAAO,oBAAC,qBAAqB,IAAC,UAAU,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,GAAI,CAAC;IAClH,CAAC;;AApBa,gCAAY,GAAG;IACzB,cAAc,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;IAC5C,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,EAAE,IAAI,EAA0C,EAAE,EAAE,CACvD,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,wBAAwB;IACxE,sBAAsB,EAAE,EAAE;IAC1B,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;IAClB,iBAAiB,EAAE,yBAAyB;IAC5C,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;IACzG,qBAAqB,EAAE,KAAK;IAC5B,MAAM,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;IAC3B,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;CAC/B,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,23 @@
+export * from "./AlternateDataSeries";
+export * from "./AlternatingFillAreaSeries";
+export * from "./AreaOnlySeries";
+export * from "./AreaSeries";
+export * from "./markers";
+export * from "./LineSeries";
+export * from "./CandlestickSeries";
+export * from "./OHLCSeries";
+export * from "./BarSeries";
+export { StackedBarSeries, StackedBarSeriesProps } from "./StackedBarSeries";
+export * from "./GroupedBarSeries";
+export * from "./KagiSeries";
+export * from "./PointAndFigureSeries";
+export * from "./RenkoSeries";
+export * from "./MACDSeries";
+export * from "./BollingerSeries";
+export * from "./RSISeries";
+export * from "./StochasticSeries";
+export * from "./ElderRaySeries";
+export * from "./VolumeProfileSeries";
+export * from "./ScatterSeries";
+export * from "./StraightLine";
+export * from "./SARSeries";