JS Generate Sparklines

Code Snippets 4 U
_getSparklines(data) {
        let svg = '', min = Math.min.apply(Math, data), max = Math.max.apply(Math, data), x1 = 0, y1 = this._scaleY(data[0], min, max);
        for (let i = 1; i < data.length; i++) {
            let x2 = Math.round((i) / (data.length - 1) * 100);
            let y2 = this._scaleY(data[i], min, max);
            svg += '<line x1=' + x1 + '% y1=' + y1 + '% x2=' + x2 + '% y2=' + y2 + '% />';
            x1 = x2;
            y1 = y2;
        }
        return '<svg><g>' + svg + '</g></svg>';
    }
    _scaleY(value, min, max) {
        return max > min ? 100 - Math.round((value - min) / (max - min) * 100) : 0;
    }

Leave a Reply

Your email address will not be published. Required fields are marked *

+ eleven = seventeen