@amcharts/amcharts5/.internal/charts/radar/AxisRendererCircular.js

amCharts 5

import { Slice } from "../../core/render/Slice";
import { AxisRenderer } from "../xy/axes/AxisRenderer";
import { AxisLabelRadial } from "../xy/axes/AxisLabelRadial";
import { p100 } from "../../core/util/Percent";
import { ListTemplate } from "../../core/util/List";
import { Template } from "../../core/util/Template";
import { arc } from "d3-shape";
import * as $utils from "../../core/util/Utils";
import * as $math from "../../core/util/Math";
/**
 * Renderer for circular axes.
 */
export class AxisRendererCircular extends AxisRenderer {
    constructor() {
        super(...arguments);
        /**
         * A list of labels in the axis.
         *
         * `labels.template` can be used to configure labels.
         *
         * @default new ListTemplate<AxisLabelRadial>
         */
        this.labels = this.addDisposer(new ListTemplate(Template.new({}), () => AxisLabelRadial._new(this._root, {
            themeTags: $utils.mergeTags(this.labels.template.get("themeTags", []), this.get("themeTags", []))
        }, [this.labels.template])));
        /**
         * A list of fills in the axis.
         *
         * `axisFills.template` can be used to configure axis fills.
         *
         * @default new ListTemplate<Slice>
         */
        this.axisFills = this.addDisposer(new ListTemplate(Template.new({}), () => Slice._new(this._root, {
            themeTags: $utils.mergeTags(this.axisFills.template.get("themeTags", ["fill"]), this.get("themeTags", []))
        }, [this.axisFills.template])));
        this._fillGenerator = arc();
    }
    _afterNew() {
        this._settings.themeTags = $utils.mergeTags(this._settings.themeTags, ["renderer", "circular"]);
        super._afterNew();
        this.setPrivateRaw("letter", "X");
        this._setCRaw("position", "absolute");
    }
    _changed() {
        super._changed();
        if (this.isDirty("radius") || this.isDirty("innerRadius") || this.isDirty("startAngle") || this.isDirty("endAngle")) {
            this.updateLayout();
        }
    }
    /**
     * @ignore
     */
    processAxis() {
        super.processAxis();
        const axis = this.axis;
        axis.labelsContainer.set("isMeasured", false);
    }
    /**
     * @ignore
     */
    updateLayout() {
        const chart = this.chart;
        if (chart) {
            const radius = chart.getPrivate("radius", 0);
            let r = $utils.relativeToValue(this.get("radius", p100), radius);
            if (r < 0) {
                r = radius + r;
            }
            this.setPrivate("radius", r);
            let ir = $utils.relativeToValue(this.get("innerRadius", chart.getPrivate("innerRadius", 0)), radius) * chart.getPrivate("irModifyer", 1);
            if (ir < 0) {
                ir = r + ir;
            }
            this.setPrivate("innerRadius", ir);
            let startAngle = this.get("startAngle", chart.get("startAngle", -90));
            let endAngle = this.get("endAngle", chart.get("endAngle", 270));
            this.setPrivate("startAngle", startAngle);
            this.setPrivate("endAngle", endAngle);
            this.set("draw", (display) => {
                const p0 = this.positionToPoint(0);
                display.moveTo(p0.x, p0.y);
                if (startAngle > endAngle) {
                    [startAngle, endAngle] = [endAngle, startAngle];
                }
                display.arc(0, 0, r, startAngle * $math.RADIANS, endAngle * $math.RADIANS);
            });
            this.axis.markDirtySize();
        }
    }
    /**
     * @ignore
     */
    updateGrid(grid, position, endPosition) {
        if (grid) {
            if (position == null) {
                position = 0;
            }
            let location = grid.get("location", 0.5);
            if (endPosition != null && endPosition != position) {
                position = position + (endPosition - position) * location;
            }
            let radius = this.getPrivate("radius", 0);
            let innerRadius = this.getPrivate("innerRadius", 0);
            let angle = this.positionToAngle(position);
            this.toggleVisibility(grid, position, 0, 1);
            if (radius != null) {
                grid.set("draw", (display) => {
                    display.moveTo(innerRadius * $math.cos(angle), innerRadius * $math.sin(angle));
                    display.lineTo(radius * $math.cos(angle), radius * $math.sin(angle));
                });
            }
        }
    }
    /**
     * Converts relative position to angle.
     *
     * @param   position  Position
     * @return            Angle
     */
    positionToAngle(position) {
        const axis = this.axis;
        const startAngle = this.getPrivate("startAngle", 0);
        const endAngle = this.getPrivate("endAngle", 360);
        const start = axis.get("start", 0);
        const end = axis.get("end", 1);
        let arc = (endAngle - startAngle) / (end - start);
        let angle;
        if (this.get("inversed")) {
            angle = startAngle + (end - position) * arc;
        }
        else {
            angle = startAngle + (position - start) * arc;
        }
        return angle;
    }
    // do not delete
    _handleOpposite() { }
    /**
     * Converts relative position to an X/Y coordinate.
     *
     * @param   position  Position
     * @return            Point
     */
    positionToPoint(position) {
        const radius = this.getPrivate("radius", 0);
        const angle = this.positionToAngle(position);
        return { x: radius * $math.cos(angle), y: radius * $math.sin(angle) };
    }
    /**
     * @ignore
     */
    updateLabel(label, position, endPosition, count) {
        if (label) {
            if (position == null) {
                position = 0;
            }
            let location = 0.5;
            if (count != null && count > 1) {
                location = label.get("multiLocation", location);
            }
            else {
                location = label.get("location", location);
            }
            if (endPosition != null && endPosition != position) {
                position = position + (endPosition - position) * location;
            }
            const radius = this.getPrivate("radius", 0);
            const innerRadius = this.getPrivate("innerRadius", 0);
            const angle = this.positionToAngle(position);
            label.setPrivate("radius", radius);
            label.setPrivate("innerRadius", innerRadius);
            label._setC("labelAngle", angle);
            this.toggleVisibility(label, position, label.get("minPosition", 0), label.get("maxPosition", 1));
        }
    }
    /**
     * @ignore
     */
    fillDrawMethod(fill, startAngle, endAngle) {
        fill.set("draw", (display) => {
            if (startAngle == null) {
                startAngle = this.getPrivate("startAngle", 0);
            }
            if (endAngle == null) {
                endAngle = this.getPrivate("endAngle", 0);
            }
            const y0 = this.getPrivate("innerRadius", 0);
            const y1 = this.getPrivate("radius", 0);
            this._fillGenerator.context(display);
            this._fillGenerator({ innerRadius: y0, outerRadius: y1, startAngle: (startAngle + 90) * $math.RADIANS, endAngle: (endAngle + 90) * $math.RADIANS });
        });
    }
    /**
     * @ignore
     */
    updateTick(tick, position, endPosition, count) {
        if (tick) {
            if (position == null) {
                position = 0;
            }
            let location = 0.5;
            if (count != null && count > 1) {
                location = tick.get("multiLocation", location);
            }
            else {
                location = tick.get("location", location);
            }
            if (endPosition != null && endPosition != position) {
                position = position + (endPosition - position) * location;
            }
            let length = tick.get("length", 0);
            const inside = tick.get("inside");
            if (inside) {
                length *= -1;
            }
            let radius = this.getPrivate("radius", 0);
            let angle = this.positionToAngle(position);
            this.toggleVisibility(tick, position, tick.get("minPosition", 0), tick.get("maxPosition", 1));
            if (radius != null) {
                tick.set("draw", (display) => {
                    display.moveTo(radius * $math.cos(angle), radius * $math.sin(angle));
                    radius += length;
                    display.lineTo(radius * $math.cos(angle), radius * $math.sin(angle));
                });
            }
        }
    }
    /**
     * @ignore
     */
    updateBullet(bullet, position, endPosition) {
        if (bullet) {
            const sprite = bullet.get("sprite");
            if (sprite) {
                if (position == null) {
                    position = 0;
                }
                let location = bullet.get("location", 0.5);
                if (endPosition != null && endPosition != position) {
                    position = position + (endPosition - position) * location;
                }
                let radius = this.getPrivate("radius", 0);
                let angle = this.positionToAngle(position);
                this.toggleVisibility(sprite, position, 0, 1);
                sprite._setCAll({ rotation: angle, x: radius * $math.cos(angle), y: radius * $math.sin(angle) });
            }
        }
    }
    /**
     * @ignore
     */
    updateFill(fill, position, endPosition) {
        if (fill) {
            if (position == null) {
                position = 0;
            }
            if (endPosition == null) {
                endPosition = 1;
            }
            let startAngle = this.fitAngle(this.positionToAngle(position));
            let endAngle = this.fitAngle(this.positionToAngle(endPosition));
            fill._setCAll({ startAngle: startAngle, arc: endAngle - startAngle });
            fill._setSoft("innerRadius", this.getPrivate("innerRadius"));
            fill._setSoft("radius", this.getPrivate("radius"));
        }
    }
    /**
     * @ignore
     */
    fitAngle(angle) {
        const startAngle = this.getPrivate("startAngle", 0);
        const endAngle = this.getPrivate("endAngle", 0);
        const minAngle = Math.min(startAngle, endAngle);
        const maxAngle = Math.max(startAngle, endAngle);
        if (angle < minAngle) {
            angle = minAngle;
        }
        if (angle > maxAngle) {
            angle = maxAngle;
        }
        return angle;
    }
    /**
     * Returns axis length in pixels.
     *
     * @return Length
     */
    axisLength() {
        return Math.abs(this.getPrivate("radius", 0) * Math.PI * 2 * (this.getPrivate("endAngle", 360) - this.getPrivate("startAngle", 0)) / 360);
    }
    /**
     * @ignore
     */
    positionTooltip(tooltip, position) {
        let radius = this.getPrivate("radius", 0);
        const angle = this.positionToAngle(position);
        //return tooltip.set("pointTo", this.axis._display.toGlobal({ x: radius * $math.cos(angle), y: radius * $math.sin(angle) }));
        this._positionTooltip(tooltip, { x: radius * $math.cos(angle), y: radius * $math.sin(angle) });
    }
    /**
     * @ignore
     */
    updateTooltipBounds(_tooltip) {
    }
}
AxisRendererCircular.className = "AxisRendererCircular";
AxisRendererCircular.classNames = AxisRenderer.classNames.concat([AxisRendererCircular.className]);
//# sourceMappingURL=AxisRendererCircular.js.map