@figliolia/rn-donut-chart/dist/mjs/Controller.js

An animated donut/pie chart library

export class Controller {
    total;
    angles;
    data;
    percentages;
    renderPhase = "INITIAL";
    constructor(data) {
        this.data = data;
        this.total = this.sum();
        this.percentages = this.toStrokeLengths();
        this.angles = this.createAngles();
    }
    update(data) {
        if (data === this.data) {
            return;
        }
        this.renderPhase = "UPDATE";
        this.data = data;
        this.total = this.sum();
        this.percentages = this.toStrokeLengths();
        this.angles = this.createAngles();
    }
    sum() {
        return this.data.reduce((acc, next) => (acc += next.value), 0);
    }
    toStrokeLengths() {
        return this.data.map((d) => d.value / this.total);
    }
    createAngles() {
        const { length } = this.data;
        const angles = new Array(this.data.length).fill(0);
        for (let i = 1; i < length; i++) {
            angles[i] = angles[i - 1] + this.percentages[i - 1] * 360;
        }
        return angles;
    }
    static parseStroke(label, stroke) {
        if (Array.isArray(stroke)) {
            if (stroke.length === 1) {
                return stroke[0];
            }
            return `url(#${label})`;
        }
        return stroke;
    }
    static renderGradient(stroke) {
        return Array.isArray(stroke) && stroke.length > 1;
    }
}