@amcharts/amcharts5/.internal/charts/stock/indicators/Volume.js

amCharts 5

import { ChartIndicator } from "./ChartIndicator";
import { ColumnSeries } from "../../xy/series/ColumnSeries";
import { Color } from "../../../core/util/Color";
import * as $array from "../../../core/util/Array";
/**
 * An implementation of a [[StockChart]] indicator.
 *
 * @see {@link https://www.amcharts.com/docs/v5/charts/stock/indicators/} for more info
 */
export class Volume extends ChartIndicator {
    constructor() {
        super(...arguments);
        this._editableSettings = [{
                key: "increasingColor",
                name: this.root.language.translateAny("Up volume"),
                type: "color"
            }, {
                key: "decreasingColor",
                name: this.root.language.translateAny("Down volume"),
                type: "color"
            }];
    }
    _afterNew() {
        this._themeTags.push("volume");
        super._afterNew();
        this.yAxis.set("numberFormat", "#.###a");
        const stockChart = this.get("stockChart");
        if (stockChart) {
            const _this = this;
            this.series.columns.template.adapters.add("fill", function (fill, target) {
                const dataItem = target.dataItem;
                if (dataItem) {
                    const dataContext = dataItem.dataContext;
                    const color = stockChart.getVolumeColor(dataItem, _this.get("decreasingColor", Color.fromHex(0xff0000)), _this.get("increasingColor", Color.fromHex(0x00ff00)));
                    if (dataContext) {
                        dataContext.volumeColor = color;
                    }
                    return color;
                }
                return fill;
            });
        }
    }
    _createSeries() {
        return this.panel.series.push(ColumnSeries.new(this._root, {
            themeTags: ["indicator"],
            xAxis: this.xAxis,
            yAxis: this.yAxis,
            valueXField: "valueX",
            valueYField: "volume",
            stroke: this.get("seriesColor"),
            fill: undefined
        }));
    }
    _prepareChildren() {
        if (this.isDirty("increasingColor") || this.isDirty("decreasingColor")) {
            this.markDataDirty();
        }
        super._prepareChildren();
    }
    /**
     * @ignore
     */
    prepareData() {
        if (this.series) {
            const volumeSeries = this.get("volumeSeries");
            const stockChart = this.get("stockChart");
            if (volumeSeries && stockChart) {
                const dataItems = volumeSeries.dataItems;
                this.setRaw("field", "close");
                let data = this._getDataArray(dataItems);
                $array.each(data, (dataItem) => {
                    dataItem.volume = dataItem.value_y;
                });
                this.series.updateData(data);
            }
        }
    }
}
Volume.className = "Volume";
Volume.classNames = ChartIndicator.classNames.concat([Volume.className]);
//# sourceMappingURL=Volume.js.map